<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Game Jutsu</title>
	<atom:link href="https://game-jutsu.fr/feed/" rel="self" type="application/rss+xml" />
	<link>https://game-jutsu.fr/</link>
	<description>Game Jutsu passionné depuis toujours et prêt à vous le partager !</description>
	<lastBuildDate>Fri, 17 Jul 2026 23:04:19 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>

<image>
	<url>https://game-jutsu.fr/wp-content/uploads/2026/06/cropped-Design-sans-titre-15-1-32x32.png</url>
	<title>Game Jutsu</title>
	<link>https://game-jutsu.fr/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Weekly Pokémon</title>
		<link>https://game-jutsu.fr/2026/07/17/weekly-pokemon/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Fri, 17 Jul 2026 11:04:27 +0000</pubDate>
				<category><![CDATA[Non classé]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=2861</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2026/07/17/weekly-pokemon/">Weekly Pokémon</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"></p>

<!--themify_builder_content-->
<div id="themify_builder_content-2861" data-postid="2861" class="themify_builder_content themify_builder_content-2861 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_ei1k678 tb_first tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_ezfr678 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_lcnj552 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 01 - HERO (Weekly Pokémon)
     Namespace : .gj-arh-* (article hero)
     Basé sur le Weekly Riftbound, adapté Pokémon
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arh-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arh-page *,
.gj-arh-page *::before,
.gj-arh-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arh-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-arh-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-arh-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-arh-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-arh-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-arh-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-arh-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-arh-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-arh-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-arh-title .gj-arh-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arh-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-arh-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  }
}

@media (max-width: 900px) {
  .gj-arh-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-arh-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-arh-page">
  <div class="gj-arh-bg">
    <section class="gj-arh-hero" aria-label="En-tête de l'article Weekly Pokémon">
      <div class="gj-arh-content">
        <div class="gj-arh-meta">
          <span class="gj-arh-badge">Tournoi hebdo</span>
          <span class="gj-arh-category">Pokémon — JCC</span>
        </div>
        <h1 class="gj-arh-title">
          WEEKLY
          <span class="gj-arh-accent">POKÉMON</span>
        </h1>
        <p class="gj-arh-excerpt">
          Tous les samedis après-midi, retrouve la scène Pokémon à Game Jutsu pour le Weekly, boosters à gagner, ambiance conviviale, joueurs de tous niveaux.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_xd2i382 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_oju1382 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_luib840 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 02 - LE RENDEZ-VOUS (infos)
     Namespace : .gj-arv-* (article rendez-vous)
     Weekly Pokémon - samedi 14h
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arv-page *,
.gj-arv-page *::before,
.gj-arv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-arv-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-arv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-arv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-arv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-arv-title .gj-arv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arv-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-arv-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-arv-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-arv-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-arv-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-arv-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-arv-value {
  font-family: var(--font-title);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.02;
  text-transform: uppercase;
}

.gj-arv-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-arv-bg { padding: 40px 0 20px 0; }
  .gj-arv-wrapper { padding: 0 16px; }
  .gj-arv-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-arv-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-arv-card { transition: none; }
  .gj-arv-card:hover { transform: none; }
}
</style>

<div class="gj-arv-page">
  <div class="gj-arv-bg">
    <div class="gj-arv-wrapper">

      <div class="gj-arv-header">
        <div class="gj-arv-eyebrow">Le rendez-vous</div>
        <h2 class="gj-arv-title">
          INFOS
          <span class="gj-arv-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-arv-grid">
        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <div class="gj-arv-label">Jour</div>
          <div class="gj-arv-value">Samedi</div>
        </div>

        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </div>
          <div class="gj-arv-label">Heure</div>
          <div class="gj-arv-value">14h00</div>
        </div>

        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-arv-label">Inscription</div>
          <div class="gj-arv-value is-accent">7 — 9 €</div>
        </div>

        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-arv-label">Lieu</div>
          <div class="gj-arv-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_526p875 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_kl8l875 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_oqty114 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 03 - CONCEPT (Weekly Pokémon)
     Namespace : .gj-arc-* (article concept)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arc-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arc-page *,
.gj-arc-page *::before,
.gj-arc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-arc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-arc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-arc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-arc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-arc-title .gj-arc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-arc-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-arc-bg { padding: 20px 0 20px 0; }
  .gj-arc-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-arc-page">
  <div class="gj-arc-bg">
    <div class="gj-arc-wrapper">
      <div class="gj-arc-header">
        <div class="gj-arc-eyebrow">Concept</div>
        <h2 class="gj-arc-title">
          C&rsquo;EST QUOI LE
          <span class="gj-arc-accent">WEEKLY POKÉMON</span>
          ?
        </h2>
      </div>
      <p class="gj-arc-text">
        Le Weekly Pokémon, c&rsquo;est <strong>le rendez-vous hebdomadaire</strong> des dresseurs à Montpellier. Format Standard, rondes en système suisse, ouvert aux joueurs débutants comme aux vétérans, tout le monde trouve sa place. Tu viens avec ton deck, tu affrontes la communauté locale, tu repars avec des boosters et une carte promo. Le prix d&rsquo;inscription varie entre <strong>7 € et 9 €</strong> selon le format de la semaine et la dotation prévue.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_wuzk684 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_mmm2684 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_o74c722 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 05 - LES LOTS (Weekly Pokémon)
     Namespace : .gj-arl-* (article lots)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arl-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arl-page *,
.gj-arl-page *::before,
.gj-arl-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arl-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-arl-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-arl-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-arl-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-arl-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-arl-title .gj-arl-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arl-intro {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-arl-intro strong {
  color: var(--gj-marine);
  font-weight: 700;
}

.gj-arl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 8px;
}

.gj-arl-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-arl-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 18px 40px rgba(228, 13, 20, 0.15);
}

.gj-arl-tag {
  display: inline-block;
  background: var(--gj-red);
  color: #ffffff;
  font-family: var(--font-title);
  font-size: 15px;
  padding: 6px 14px;
  margin-bottom: 14px;
  box-shadow: 0 4px 10px rgba(228, 13, 20, 0.3);
  border-radius: 6px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.02;
}

.gj-arl-img {
  width: 100px;
  height: 100px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gj-arl-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.gj-arl-qty {
  font-family: var(--font-title);
  font-size: 36px;
  color: var(--gj-red);
  line-height: 1.02;
  margin-bottom: 4px;
}

.gj-arl-label {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--gj-marine);
  font-weight: 600;
  line-height: 1.4;
}

.gj-arl-footer {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 28px auto 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-arl-footer strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-arl-bg { padding: 20px 0 20px 0; }
  .gj-arl-wrapper { padding: 0 16px; }
  .gj-arl-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-arl-item { transition: none; }
  .gj-arl-item:hover { transform: none; }
}
</style>

<div class="gj-arl-page">
  <div class="gj-arl-bg">
    <div class="gj-arl-wrapper">

      <div class="gj-arl-header">
        <div class="gj-arl-eyebrow">À gagner</div>
        <h2 class="gj-arl-title">
          LES
          <span class="gj-arl-accent">LOTS</span>
        </h2>
        <p class="gj-arl-intro">
          La dotation est <strong>100 % en boosters Pokémon</strong> et varie selon le format de la semaine et le nombre de participants.
        </p>
      </div>

      <div class="gj-arl-grid">

        <div class="gj-arl-item">
          <div class="gj-arl-tag">Top 1</div>
          <div class="gj-arl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT TOP 1 ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-6.png"
                 alt="Lot du vainqueur — Top 1"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-arl-qty">+</div>
          <div class="gj-arl-label">Le plus gros lot en boosters pour le vainqueur de la journée</div>
        </div>

        <div class="gj-arl-item">
          <div class="gj-arl-tag">Top 4</div>
          <div class="gj-arl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT TOP 4 ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-5.png"
                 alt="Lot finalistes — Top 4"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-arl-qty">★</div>
          <div class="gj-arl-label">Boosters de la dernière extension pour les finalistes</div>
        </div>

        <div class="gj-arl-item">
          <div class="gj-arl-tag">Participation</div>
          <div class="gj-arl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT PARTICIPATION ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-5.png"
                 alt="Lot participation"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-arl-qty">1×</div>
          <div class="gj-arl-label">Un booster offert et une carte promo à chaque participant inscrit</div>
        </div>

      </div>

      <p class="gj-arl-footer">
        La dotation exacte est annoncée chaque semaine en boutique et sur notre Instagram <strong>@gamejutsu_montpellier</strong>. Selon l&rsquo;événement, on peut aussi glisser des promos, des sleeves ou des cartes alternatives dans le pot.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_wvbv778 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_j2wc779 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_dpd8231 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 06 - AMBIANCE (Weekly Pokémon)
     Namespace : .gj-ara-* (article ambiance)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-ara-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-ara-page *,
.gj-ara-page *::before,
.gj-ara-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-ara-page img { max-width: 100%; height: auto; display: block; }

.gj-ara-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-ara-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-ara-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-ara-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-ara-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-ara-title .gj-ara-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-ara-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-ara-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-ara-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-ara-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-ara-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-ara-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-ara-bg { padding: 20px 0 20px 0; }
  .gj-ara-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-ara-photo,
  .gj-ara-photo img { transition: none; }
  .gj-ara-photo:hover { transform: none; }
  .gj-ara-photo:hover img { transform: none; }
}
</style>

<div class="gj-ara-page">
  <div class="gj-ara-bg">
    <div class="gj-ara-wrapper">

      <div class="gj-ara-header">
        <div class="gj-ara-eyebrow">Ambiance</div>
        <h2 class="gj-ara-title">
          LES SAMEDIS DE
          <span class="gj-ara-accent">WEEKLY</span>
        </h2>
        <p class="gj-ara-subtitle">Quelques moments des derniers Weekly Pokémon à la boutique.</p>
      </div>

      <div class="gj-ara-grid">

        <div class="gj-ara-photo">
          <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LA PHOTO AMBIANCE 1 ◀◀◀ -->
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/3F803C38-2BFF-4C55-8535-25B5784AE65D-1.jpeg"
            alt="Ambiance Weekly Pokémon 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ara-photo">
          <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LA PHOTO AMBIANCE 2 ◀◀◀ -->
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/7AA310C1-46AB-483D-88D4-DE72F191A6FC.jpeg"
            alt="Ambiance Weekly Pokémon 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ara-photo">
          <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LA PHOTO AMBIANCE 3 ◀◀◀ -->
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/0341AF86-1A2A-4267-B046-ACF6C8B287D6-1.jpeg"
            alt="Ambiance Weekly Pokémon 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ara-photo">
          <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LA PHOTO AMBIANCE 4 ◀◀◀ -->
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/F4E4AE63-10E7-40E5-A564-52FB7396CD5D-1.jpeg"
            alt="Ambiance Weekly Pokémon 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_qm3i348 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_2zns348 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_1fsy762 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 07 - INSCRIPTION (Weekly Pokémon)
     Namespace : .gj-ari-* (article inscription)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-ari-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-ari-page *,
.gj-ari-page *::before,
.gj-ari-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-ari-page a { text-decoration: none; color: inherit; }

.gj-ari-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-ari-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-ari-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

.gj-ari-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.78) 0%, rgba(28, 37, 65, 0.72) 50%, rgba(28, 37, 65, 0.85) 100%);
  z-index: 0;
}

.gj-ari-cta > * { position: relative; z-index: 1; }

.gj-ari-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-ari-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-ari-title .gj-ari-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-ari-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0 auto 28px auto;
  max-width: 560px;
}

.gj-ari-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-bottom: 32px;
}

.gj-ari-step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gj-ari-step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
}

.gj-ari-step-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gj-cream);
}

.gj-ari-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gj-red);
  color: #ffffff;
  padding: 17px 38px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
}

.gj-ari-btn:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-ari-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-ari-btn:hover svg { transform: translateX(4px); }

.gj-ari-footnote {
  text-align: center;
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--gj-gray);
  letter-spacing: 0.3px;
  max-width: 720px;
  margin: 40px auto 0 auto;
  padding-top: 28px;
  border-top: 1px solid var(--gj-cream-dark);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .gj-ari-bg { padding: 20px 0 40px 0; }
  .gj-ari-wrapper { padding: 0 16px; }
  .gj-ari-cta { padding: 50px 28px; }
  .gj-ari-steps { flex-direction: column; align-items: center; gap: 14px; }
}

@media (max-width: 480px) {
  .gj-ari-cta { padding: 40px 22px; }
  .gj-ari-btn { padding: 15px 28px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-ari-btn { transition: none; }
  .gj-ari-btn:hover { transform: none; }
  .gj-ari-btn:hover svg { transform: none; }
}
</style>

<div class="gj-ari-page">
  <div class="gj-ari-bg">
    <div class="gj-ari-wrapper">

      <section class="gj-ari-cta">
        <div class="gj-ari-eyebrow">Inscription</div>
        <h2 class="gj-ari-title">
          RÉSERVE TA
          <span class="gj-ari-accent">PLACE</span>
        </h2>
        <p class="gj-ari-text">
          Les places partent vite chaque semaine, inscris-toi en boutique ou contacte-nous pour être sûr d&rsquo;avoir la tienne.
        </p>

        <div class="gj-ari-steps">
          <div class="gj-ari-step">
            <div class="gj-ari-step-num">1</div>
            <div class="gj-ari-step-text">Contacte-nous pour réserver</div>
          </div>
          <div class="gj-ari-step">
            <div class="gj-ari-step-num">2</div>
            <div class="gj-ari-step-text">Viens régler en boutique</div>
          </div>
          <div class="gj-ari-step">
            <div class="gj-ari-step-num">3</div>
            <div class="gj-ari-step-text">Rendez-vous samedi à 14h !</div>
          </div>
        </div>

        <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LE LIEN D'INSCRIPTION POKÉMON ◀◀◀ -->
        <a href="https://game-jutsu.fr/contact/" target="_blank" rel="noopener" class="gj-ari-btn">
          S&rsquo;inscrire maintenant
          <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>
      </section>

      <p class="gj-ari-footnote">
        © 2026 Game Jutsu — Tournoi hebdomadaire ouvert à tous les joueurs Pokémon. Les places sont limitées, la réservation est conseillée. Format et dotation annoncés chaque semaine sur nos réseaux.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2026/07/17/weekly-pokemon/">Weekly Pokémon</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Weekly Riftbound</title>
		<link>https://game-jutsu.fr/2026/07/02/weekly-rift/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Thu, 02 Jul 2026 09:32:12 +0000</pubDate>
				<category><![CDATA[Weekly Riftbound]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=2506</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2026/07/02/weekly-rift/">Weekly Riftbound</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"></p>

<!--themify_builder_content-->
<div id="themify_builder_content-2506" data-postid="2506" class="themify_builder_content themify_builder_content-2506 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_kd9h679 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_9d38679 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_v482448 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 01 - HERO (Weekly Riftbound)
     Namespace : .gj-arh-* (article hero)
     - Design aligné sur .gj-evth-* (page actualités)
     - Lost in South → Anton (accent titre avec glow rouge)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arh-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arh-page *,
.gj-arh-page *::before,
.gj-arh-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arh-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-arh-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-arh-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-arh-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-arh-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-arh-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-arh-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-arh-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-arh-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-arh-title .gj-arh-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arh-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-arh-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  }
}

@media (max-width: 900px) {
  .gj-arh-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-arh-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-arh-page">
  <div class="gj-arh-bg">
    <section class="gj-arh-hero" aria-label="En-tête de l'article Weekly Riftbound">
      <div class="gj-arh-content">
        <div class="gj-arh-meta">
          <span class="gj-arh-badge">Tournoi hebdo</span>
          <span class="gj-arh-category">Riftbound — TCG League of Legends</span>
        </div>
        <h1 class="gj-arh-title">
          WEEKLY
          <span class="gj-arh-accent">RIFTBOUND</span>
        </h1>
        <p class="gj-arh-excerpt">
          Tous les mercredis soir, retrouve la scène Riftbound à Game Jutsu pour la Nexus Night, boosters à gagner, ambiance détendue, joueurs de tous niveaux.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_n9iw751 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_toub751 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_1zkg417 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 02 - LE RENDEZ-VOUS (infos)
     Namespace : .gj-arv-* (article rendez-vous)
     - Design aligné sur .gj-evth-* (page actualités)
     - Lost in South → Anton
     - Contraste : eyebrow rouge foncé opaque
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arv-page *,
.gj-arv-page *::before,
.gj-arv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-arv-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-arv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-arv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-arv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-arv-title .gj-arv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arv-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-arv-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-arv-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-arv-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-arv-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-arv-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-arv-value {
  font-family: var(--font-title);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.02;
  text-transform: uppercase;
}

.gj-arv-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-arv-bg { padding: 40px 0 20px 0; }
  .gj-arv-wrapper { padding: 0 16px; }
  .gj-arv-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-arv-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-arv-card { transition: none; }
  .gj-arv-card:hover { transform: none; }
}
</style>

<div class="gj-arv-page">
  <div class="gj-arv-bg">
    <div class="gj-arv-wrapper">

      <div class="gj-arv-header">
        <div class="gj-arv-eyebrow">Le rendez-vous</div>
        <h2 class="gj-arv-title">
          INFOS
          <span class="gj-arv-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-arv-grid">
        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <div class="gj-arv-label">Jour</div>
          <div class="gj-arv-value">Mercredi</div>
        </div>

        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </div>
          <div class="gj-arv-label">Heure</div>
          <div class="gj-arv-value">19h15</div>
        </div>

        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-arv-label">Inscription</div>
          <div class="gj-arv-value is-accent">7 — 9 €</div>
        </div>

        <div class="gj-arv-card">
          <div class="gj-arv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-arv-label">Lieu</div>
          <div class="gj-arv-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_k48h79 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_21m779 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_amt6883 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 03 - CONCEPT
     Namespace : .gj-arc-* (article concept)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arc-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arc-page *,
.gj-arc-page *::before,
.gj-arc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-arc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-arc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-arc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-arc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-arc-title .gj-arc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-arc-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-arc-bg { padding: 20px 0 20px 0; }
  .gj-arc-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-arc-page">
  <div class="gj-arc-bg">
    <div class="gj-arc-wrapper">
      <div class="gj-arc-header">
        <div class="gj-arc-eyebrow">Concept</div>
        <h2 class="gj-arc-title">
          C&rsquo;EST QUOI LA
          <span class="gj-arc-accent">NEXUS NIGHT</span>
          ?
        </h2>
      </div>
      <p class="gj-arc-text">
        Le Weekly Riftbound, c&rsquo;est <strong>le rendez-vous hebdomadaire</strong> de la scène LoL TCG à Montpellier. Format Constructed, rondes en système suisse, ouvert aux joueurs débutants comme aux vétérans, tout le monde trouve sa place. Tu viens avec ton deck, ou on t&rsquo;en prête un, tu affrontes la communauté locale, tu repars avec des boosters, des nexus pack et une carte promo. Le prix d&rsquo;inscription varie entre <strong>7 € et 9 €</strong> selon le format de la semaine et la dotation prévue.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_mwxp969 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_mzwv969 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_v6ez830 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 04 - PROGRAMME (steps)
     Namespace : .gj-arp-* (article programme)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arp-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arp-page *,
.gj-arp-page *::before,
.gj-arp-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arp-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-arp-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-arp-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-arp-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-arp-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-arp-title .gj-arp-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arp-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gj-arp-step {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 30px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-arp-step:hover {
  transform: translateX(4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-arp-num {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 24px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 18px rgba(228, 13, 20, 0.35);
  line-height: 1;
}

.gj-arp-step-content { flex: 1; }

.gj-arp-step-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-arp-step-text {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-arp-bg { padding: 20px 0 20px 0; }
  .gj-arp-wrapper { padding: 0 16px; }
}

@media (max-width: 480px) {
  .gj-arp-step {
    flex-direction: column;
    gap: 16px;
    padding: 24px 22px;
  }
  .gj-arp-num { width: 44px; height: 44px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-arp-step { transition: none; }
  .gj-arp-step:hover { transform: none; }
}
</style>

<div class="gj-arp-page">
  <div class="gj-arp-bg">
    <div class="gj-arp-wrapper">

      <div class="gj-arp-header">
        <div class="gj-arp-eyebrow">Programme</div>
        <h2 class="gj-arp-title">
          COMMENT ÇA SE
          <span class="gj-arp-accent">PASSE</span>
        </h2>
      </div>

      <div class="gj-arp-list">

        <div class="gj-arp-step">
          <div class="gj-arp-num">1</div>
          <div class="gj-arp-step-content">
            <h3 class="gj-arp-step-title">Arrivée &amp; check-in</h3>
            <p class="gj-arp-step-text">Présente-toi en boutique à partir de 18h45 pour valider ton inscription et régler ta participation. Pense à arriver avec ton deck déjà construit et tes sleeves prêtes ou précise nous à l&rsquo;avance si il te faut un deck.</p>
          </div>
        </div>

        <div class="gj-arp-step">
          <div class="gj-arp-num">2</div>
          <div class="gj-arp-step-content">
            <h3 class="gj-arp-step-title">Lancement à 19h15</h3>
            <p class="gj-arp-step-text">Annonce du format, des règles du jour, distribution d&rsquo;un booster au choix et du nexus pack et lancement des appairages. On démarre la première ronde directement après, sois là à l&rsquo;heure pour ne pas rater le début des matchs.</p>
          </div>
        </div>

        <div class="gj-arp-step">
          <div class="gj-arp-num">3</div>
          <div class="gj-arp-step-content">
            <h3 class="gj-arp-step-title">Rondes en système suisse</h3>
            <p class="gj-arp-step-text">Plusieurs rondes selon le nombre de participants. Chaque match se joue en BO3 avec 50 minutes au chrono. Tu affrontes des adversaires de ton niveau au fil des victoires.</p>
          </div>
        </div>

        <div class="gj-arp-step">
          <div class="gj-arp-num">4</div>
          <div class="gj-arp-step-content">
            <h3 class="gj-arp-step-title">Remise des récompenses</h3>
            <p class="gj-arp-step-text">Une fois les rondes terminées, on distribue les boosters et lots en fonction de ton classement. Tout le monde repart avec quelque chose en main !</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_5eoo180 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_p5wj180 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_42qo295 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 05 - LES LOTS (rewards)
     Namespace : .gj-arl-* (article lots)
     V10.1 : émoticônes remplacés par placeholders images
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-arl-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-arl-page *,
.gj-arl-page *::before,
.gj-arl-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-arl-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-arl-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-arl-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-arl-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-arl-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-arl-title .gj-arl-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-arl-intro {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-arl-intro strong {
  color: var(--gj-marine);
  font-weight: 700;
}

.gj-arl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 8px;
}

.gj-arl-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-arl-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 18px 40px rgba(228, 13, 20, 0.15);
}

/* Tag Anton flat */
.gj-arl-tag {
  display: inline-block;
  background: var(--gj-red);
  color: #ffffff;
  font-family: var(--font-title);
  font-size: 15px;
  padding: 6px 14px;
  margin-bottom: 14px;
  box-shadow: 0 4px 10px rgba(228, 13, 20, 0.3);
  border-radius: 6px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.02;
}

/* Placeholder image : juste l'image, sans fond ni cadre */
.gj-arl-img {
  width: 100px;
  height: 100px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gj-arl-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.gj-arl-qty {
  font-family: var(--font-title);
  font-size: 36px;
  color: var(--gj-red);
  line-height: 1.02;
  margin-bottom: 4px;
}

.gj-arl-label {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--gj-marine);
  font-weight: 600;
  line-height: 1.4;
}

.gj-arl-footer {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 28px auto 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-arl-footer strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-arl-bg { padding: 20px 0 20px 0; }
  .gj-arl-wrapper { padding: 0 16px; }
  .gj-arl-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-arl-item { transition: none; }
  .gj-arl-item:hover { transform: none; }
}
</style>

<div class="gj-arl-page">
  <div class="gj-arl-bg">
    <div class="gj-arl-wrapper">

      <div class="gj-arl-header">
        <div class="gj-arl-eyebrow">À gagner</div>
        <h2 class="gj-arl-title">
          LES
          <span class="gj-arl-accent">LOTS</span>
        </h2>
        <p class="gj-arl-intro">
          La dotation est <strong>100 % en boosters Riftbound</strong> et varie selon le format de la semaine et le nombre de participants.
        </p>
      </div>

      <div class="gj-arl-grid">

        <div class="gj-arl-item">
          <div class="gj-arl-tag">Top 1</div>
          <div class="gj-arl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT TOP 1 ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-2.png"
                 alt="Lot du vainqueur — Top 1"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-arl-qty">+</div>
          <div class="gj-arl-label">Le plus gros lot en boosters pour le vainqueur de la soirée</div>
        </div>

        <div class="gj-arl-item">
          <div class="gj-arl-tag">Top 4</div>
          <div class="gj-arl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT TOP 4 ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-3.png"
                 alt="Lot finalistes — Top 4"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-arl-qty">★</div>
          <div class="gj-arl-label">Boosters de la dernière extension pour les finalistes</div>
        </div>

        <div class="gj-arl-item">
          <div class="gj-arl-tag">Participation</div>
          <div class="gj-arl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT PARTICIPATION ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-3.png"
                 alt="Lot participation"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-arl-qty">1×</div>
          <div class="gj-arl-label">Un booster offert et une carte promo à chaque participant inscrit</div>
        </div>

      </div>

      <p class="gj-arl-footer">
        La dotation exacte est annoncée chaque semaine en boutique et sur notre Instagram <strong>@gamejutsu_montpellier</strong>. Selon l&rsquo;événement, on peut aussi glisser des promos, des sleeves ou des cartes alternatives dans le pot.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_gy32218 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_kxbu218 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_zhir518 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 06 - AMBIANCE (photos)
     Namespace : .gj-ara-* (article ambiance)
     - PageSpeed MAJOR FIX : images redimensionnées avec srcset,
       width/height explicites (CLS fix), loading=lazy, decoding=async
     - Économie estimée : ~365 KB grâce au srcset qui charge la bonne
       taille selon le viewport (2480x3307 → ~658x877 sur mobile)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-ara-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-ara-page *,
.gj-ara-page *::before,
.gj-ara-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-ara-page img { max-width: 100%; height: auto; display: block; }

.gj-ara-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-ara-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-ara-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-ara-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-ara-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-ara-title .gj-ara-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-ara-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-ara-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-ara-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-ara-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-ara-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-ara-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-ara-bg { padding: 20px 0 20px 0; }
  .gj-ara-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-ara-photo,
  .gj-ara-photo img { transition: none; }
  .gj-ara-photo:hover { transform: none; }
  .gj-ara-photo:hover img { transform: none; }
}
</style>

<div class="gj-ara-page">
  <div class="gj-ara-bg">
    <div class="gj-ara-wrapper">

      <div class="gj-ara-header">
        <div class="gj-ara-eyebrow">Ambiance</div>
        <h2 class="gj-ara-title">
          LES SOIRS DE
          <span class="gj-ara-accent">WEEKLY</span>
        </h2>
        <p class="gj-ara-subtitle">Quelques moments des dernières Nexus Night à la boutique.</p>
      </div>

      <div class="gj-ara-grid">

        <div class="gj-ara-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/3F803C38-2BFF-4C55-8535-25B5784AE65D-1.jpeg"
            alt="Ambiance Nexus Night 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ara-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/7AA310C1-46AB-483D-88D4-DE72F191A6FC.jpeg"
            alt="Ambiance Nexus Night 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ara-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/0341AF86-1A2A-4267-B046-ACF6C8B287D6-1.jpeg"
            alt="Ambiance Nexus Night 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ara-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/F4E4AE63-10E7-40E5-A564-52FB7396CD5D-1.jpeg"
            alt="Ambiance Nexus Night 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_lpj0974 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_6obd974 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_6u4j379 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 07 - INSCRIPTION (CTA final)
     Namespace : .gj-ari-* (article inscription)
     - Design aligné sur .gj-evth-* (page actualités)
     - Background image lazy pas d'iframe/JS lourd
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-ari-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-ari-page *,
.gj-ari-page *::before,
.gj-ari-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-ari-page a { text-decoration: none; color: inherit; }

.gj-ari-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-ari-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============ CTA MARINE ============ */
.gj-ari-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

.gj-ari-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.78) 0%, rgba(28, 37, 65, 0.72) 50%, rgba(28, 37, 65, 0.85) 100%);
  z-index: 0;
}

.gj-ari-cta > * { position: relative; z-index: 1; }

.gj-ari-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-ari-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-ari-title .gj-ari-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-ari-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0 auto 28px auto;
  max-width: 560px;
}

.gj-ari-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-bottom: 32px;
}

.gj-ari-step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gj-ari-step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
}

.gj-ari-step-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gj-cream);
}

.gj-ari-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gj-red);
  color: #ffffff;
  padding: 17px 38px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
}

.gj-ari-btn:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-ari-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-ari-btn:hover svg { transform: translateX(4px); }

/* ============ FOOTNOTE ============ */
.gj-ari-footnote {
  text-align: center;
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--gj-gray);
  letter-spacing: 0.3px;
  max-width: 720px;
  margin: 40px auto 0 auto;
  padding-top: 28px;
  border-top: 1px solid var(--gj-cream-dark);
  line-height: 1.6;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 900px) {
  .gj-ari-bg { padding: 20px 0 40px 0; }
  .gj-ari-wrapper { padding: 0 16px; }
  .gj-ari-cta { padding: 50px 28px; }
  .gj-ari-steps { flex-direction: column; align-items: center; gap: 14px; }
}

@media (max-width: 480px) {
  .gj-ari-cta { padding: 40px 22px; }
  .gj-ari-btn { padding: 15px 28px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-ari-btn { transition: none; }
  .gj-ari-btn:hover { transform: none; }
  .gj-ari-btn:hover svg { transform: none; }
}
</style>

<div class="gj-ari-page">
  <div class="gj-ari-bg">
    <div class="gj-ari-wrapper">

      <section class="gj-ari-cta">
        <div class="gj-ari-eyebrow">Inscription</div>
        <h2 class="gj-ari-title">
          RÉSERVE TA
          <span class="gj-ari-accent">PLACE</span>
        </h2>
        <p class="gj-ari-text">
          Les places partent vite chaque semaine, inscris-toi en ligne pour être sûr d&rsquo;avoir la tienne.
        </p>

        <div class="gj-ari-steps">
          <div class="gj-ari-step">
            <div class="gj-ari-step-num">1</div>
            <div class="gj-ari-step-text">Inscris-toi sur Riot Games</div>
          </div>
          <div class="gj-ari-step">
            <div class="gj-ari-step-num">2</div>
            <div class="gj-ari-step-text">Viens régler en boutique</div>
          </div>
          <div class="gj-ari-step">
            <div class="gj-ari-step-num">3</div>
            <div class="gj-ari-step-text">Rendez-vous mercredi à 19h15 !</div>
          </div>
        </div>

        <a href="https://locator.riftbound.uvsgames.com/stores/c4eedc8d-38bc-4d71-8dc7-7b16dfbd4c9e" target="_blank" rel="noopener" class="gj-ari-btn">
          S&rsquo;inscrire maintenant
          <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>
      </section>

      <p class="gj-ari-footnote">
        © 2026 Game Jutsu — Tournoi hebdomadaire ouvert à tous les joueurs Riftbound. Les places sont limitées, l&rsquo;inscription en ligne est conseillée. Format et dotation annoncés chaque semaine sur nos réseaux.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2026/07/02/weekly-rift/">Weekly Riftbound</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Weekly One Piece</title>
		<link>https://game-jutsu.fr/2026/06/30/weekly-one-piece/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Tue, 30 Jun 2026 15:56:06 +0000</pubDate>
				<category><![CDATA[Weekly One Piece]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=2497</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2026/06/30/weekly-one-piece/">Weekly One Piece</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"></p>

<!--themify_builder_content-->
<div id="themify_builder_content-2497" data-postid="2497" class="themify_builder_content themify_builder_content-2497 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_pruc230 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_gs9d231 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_v19v670 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 01 - HERO (Weekly One Piece)
     Namespace : .gj-oph-* (one piece hero)
     - Design aligné sur .gj-evth-* (page actualités)
     - Lost in South → Anton (accent titre avec glow rouge)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-oph-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-oph-page *,
.gj-oph-page *::before,
.gj-oph-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-oph-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-oph-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-oph-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-oph-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-oph-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-oph-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-oph-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-oph-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-oph-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-oph-title .gj-oph-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-oph-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-oph-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  }
}

@media (max-width: 900px) {
  .gj-oph-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-oph-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-oph-page">
  <div class="gj-oph-bg">
    <section class="gj-oph-hero" aria-label="En-tête de l'article Weekly One Piece">
      <div class="gj-oph-content">
        <div class="gj-oph-meta">
          <span class="gj-oph-badge">Tournoi hebdo</span>
          <span class="gj-oph-category">One Piece Card Game</span>
        </div>
        <h1 class="gj-oph-title">
          WEEKLY
          <span class="gj-oph-accent">ONE PIECE</span>
        </h1>
        <p class="gj-oph-excerpt">
          Tous les vendredis soir, retrouve la communauté One Piece à Game Jutsu pour un tournoi convivial, boosters à gagner, ambiance détendue, joueurs de tous niveaux.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_peja763 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_syuo763 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_1u1m368 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 02 - LE RENDEZ-VOUS (One Piece)
     Namespace : .gj-opv-* (one piece rendez-vous)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-opv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-opv-page *,
.gj-opv-page *::before,
.gj-opv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-opv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-opv-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-opv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-opv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-opv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-opv-title .gj-opv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-opv-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-opv-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-opv-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-opv-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-opv-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-opv-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-opv-value {
  font-family: var(--font-title);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.02;
  text-transform: uppercase;
}

.gj-opv-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-opv-bg { padding: 40px 0 20px 0; }
  .gj-opv-wrapper { padding: 0 16px; }
  .gj-opv-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-opv-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-opv-card { transition: none; }
  .gj-opv-card:hover { transform: none; }
}
</style>

<div class="gj-opv-page">
  <div class="gj-opv-bg">
    <div class="gj-opv-wrapper">

      <div class="gj-opv-header">
        <div class="gj-opv-eyebrow">Le rendez-vous</div>
        <h2 class="gj-opv-title">
          INFOS
          <span class="gj-opv-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-opv-grid">
        <div class="gj-opv-card">
          <div class="gj-opv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <div class="gj-opv-label">Jour</div>
          <div class="gj-opv-value">Vendredi</div>
        </div>

        <div class="gj-opv-card">
          <div class="gj-opv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </div>
          <div class="gj-opv-label">Heure</div>
          <div class="gj-opv-value">19h15</div>
        </div>

        <div class="gj-opv-card">
          <div class="gj-opv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-opv-label">Inscription</div>
          <div class="gj-opv-value is-accent">7 — 9 €</div>
        </div>

        <div class="gj-opv-card">
          <div class="gj-opv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-opv-label">Lieu</div>
          <div class="gj-opv-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_bt6y978 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_4gt4979 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_xuzk773 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 03 - CONCEPT (One Piece)
     Namespace : .gj-opc-* (one piece concept)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-opc-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-opc-page *,
.gj-opc-page *::before,
.gj-opc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-opc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-opc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-opc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-opc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-opc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-opc-title .gj-opc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-opc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-opc-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-opc-bg { padding: 20px 0 20px 0; }
  .gj-opc-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-opc-page">
  <div class="gj-opc-bg">
    <div class="gj-opc-wrapper">
      <div class="gj-opc-header">
        <div class="gj-opc-eyebrow">Concept</div>
        <h2 class="gj-opc-title">
          C&rsquo;EST QUOI LE
          <span class="gj-opc-accent">WEEKLY</span>
          ?
        </h2>
      </div>
      <p class="gj-opc-text">
        Le Weekly One Piece, c&rsquo;est <strong>ton rendez-vous hebdomadaire</strong> pour jouer en tournoi dans une ambiance détendue. Format Constructed, rondes en système suisse, joueurs débutants comme confirmés, tout le monde est le bienvenu. Tu viens avec ton deck, ou on t&rsquo;en prête un, tu affrontes la communauté locale, tu repars avec des boosters et toujours une nouvelle idée de deck à tester. Le prix d&rsquo;inscription varie entre <strong>7 € et 9 €</strong> selon le format de la semaine et la dotation prévue.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_s5f9149 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_9obm149 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_zzob910 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 04 - PROGRAMME (One Piece)
     Namespace : .gj-opp-* (one piece programme)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-opp-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-opp-page *,
.gj-opp-page *::before,
.gj-opp-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-opp-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-opp-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-opp-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-opp-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-opp-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-opp-title .gj-opp-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-opp-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gj-opp-step {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 30px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-opp-step:hover {
  transform: translateX(4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-opp-num {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 24px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 18px rgba(228, 13, 20, 0.35);
  line-height: 1;
}

.gj-opp-step-content { flex: 1; }

.gj-opp-step-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-opp-step-text {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-opp-bg { padding: 20px 0 20px 0; }
  .gj-opp-wrapper { padding: 0 16px; }
}

@media (max-width: 480px) {
  .gj-opp-step {
    flex-direction: column;
    gap: 16px;
    padding: 24px 22px;
  }
  .gj-opp-num { width: 44px; height: 44px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-opp-step { transition: none; }
  .gj-opp-step:hover { transform: none; }
}
</style>

<div class="gj-opp-page">
  <div class="gj-opp-bg">
    <div class="gj-opp-wrapper">

      <div class="gj-opp-header">
        <div class="gj-opp-eyebrow">Programme</div>
        <h2 class="gj-opp-title">
          COMMENT ÇA SE
          <span class="gj-opp-accent">PASSE</span>
        </h2>
      </div>

      <div class="gj-opp-list">

        <div class="gj-opp-step">
          <div class="gj-opp-num">1</div>
          <div class="gj-opp-step-content">
            <h3 class="gj-opp-step-title">Arrivée &amp; check-in</h3>
            <p class="gj-opp-step-text">Présente-toi en boutique à partir de 18h45 pour valider ton inscription et régler ta participation. Pense à arriver avec ton deck déjà construit, ainsi que tes sleeves prêtes ou précise nous à l&rsquo;avance si il te faut un deck.</p>
          </div>
        </div>

        <div class="gj-opp-step">
          <div class="gj-opp-num">2</div>
          <div class="gj-opp-step-content">
            <h3 class="gj-opp-step-title">Lancement à 19h15</h3>
            <p class="gj-opp-step-text">Annonce du format, des règles du jour, lancement des appairages et distribution d&rsquo;un booster au choix. On démarre la première ronde directement après, sois là à l&rsquo;heure pour ne pas rater le début des matchs.</p>
          </div>
        </div>

        <div class="gj-opp-step">
          <div class="gj-opp-num">3</div>
          <div class="gj-opp-step-content">
            <h3 class="gj-opp-step-title">Rondes en système suisse</h3>
            <p class="gj-opp-step-text">Plusieurs rondes selon le nombre de participants. Chaque match se joue en BO3 avec 50 minutes au chrono. Tu affrontes des adversaires de ton niveau au fil des victoires.</p>
          </div>
        </div>

        <div class="gj-opp-step">
          <div class="gj-opp-num">4</div>
          <div class="gj-opp-step-content">
            <h3 class="gj-opp-step-title">Remise des récompenses</h3>
            <p class="gj-opp-step-text">Une fois les rondes terminées, on distribue les boosters et lots en fonction de ton classement. Tout le monde repart avec quelque chose en main !</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_7p5j580 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_ekwc580 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_46dq480 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 05 - LES LOTS (One Piece)
     Namespace : .gj-opl-* (one piece lots)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-opl-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-opl-page *,
.gj-opl-page *::before,
.gj-opl-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-opl-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-opl-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-opl-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-opl-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-opl-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-opl-title .gj-opl-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-opl-intro {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-opl-intro strong {
  color: var(--gj-marine);
  font-weight: 700;
}

.gj-opl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 8px;
}

.gj-opl-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-opl-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 18px 40px rgba(228, 13, 20, 0.15);
}

.gj-opl-tag {
  display: inline-block;
  background: var(--gj-red);
  color: #ffffff;
  font-family: var(--font-title);
  font-size: 15px;
  padding: 6px 14px;
  margin-bottom: 14px;
  box-shadow: 0 4px 10px rgba(228, 13, 20, 0.3);
  border-radius: 6px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 1.02;
}

.gj-opl-img {
  width: 100px;
  height: 100px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gj-opl-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.gj-opl-qty {
  font-family: var(--font-title);
  font-size: 36px;
  color: var(--gj-red);
  line-height: 1.02;
  margin-bottom: 4px;
}

.gj-opl-label {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--gj-marine);
  font-weight: 600;
  line-height: 1.4;
}

.gj-opl-footer {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 28px auto 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-opl-footer strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-opl-bg { padding: 20px 0 20px 0; }
  .gj-opl-wrapper { padding: 0 16px; }
  .gj-opl-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-opl-item { transition: none; }
  .gj-opl-item:hover { transform: none; }
}
</style>

<div class="gj-opl-page">
  <div class="gj-opl-bg">
    <div class="gj-opl-wrapper">

      <div class="gj-opl-header">
        <div class="gj-opl-eyebrow">À gagner</div>
        <h2 class="gj-opl-title">
          LES
          <span class="gj-opl-accent">LOTS</span>
        </h2>
        <p class="gj-opl-intro">
          La dotation est <strong>100 % en boosters One Piece</strong> et varie selon le format de la semaine et le nombre de participants.
        </p>
      </div>

      <div class="gj-opl-grid">

        <div class="gj-opl-item">
          <div class="gj-opl-tag">Top 1</div>
          <div class="gj-opl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT TOP 1 ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-3-1.png"
                 alt="Lot du vainqueur — Top 1"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-opl-qty">+</div>
          <div class="gj-opl-label">Le plus gros lot en boosters pour le vainqueur de la soirée</div>
        </div>

        <div class="gj-opl-item">
          <div class="gj-opl-tag">Top 4</div>
          <div class="gj-opl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT TOP 4 ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-4.png"
                 alt="Lot finalistes — Top 4"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-opl-qty">★</div>
          <div class="gj-opl-label">Boosters de la dernière extension pour les finalistes</div>
        </div>

        <div class="gj-opl-item">
          <div class="gj-opl-tag">Participation</div>
          <div class="gj-opl-img">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DU LOT PARTICIPATION ◀◀◀ -->
            <img src="https://game-jutsu.fr/wp-content/uploads/2026/07/Booster-Deck-Carte-promo-4.png"
                 alt="Lot participation"
                 loading="lazy" decoding="async"
                 width="100" height="100">
          </div>
          <div class="gj-opl-qty">1×</div>
          <div class="gj-opl-label">Un booster offert à chaque participant inscrit</div>
        </div>

      </div>

      <p class="gj-opl-footer">
        La dotation exacte est annoncée chaque semaine en boutique et sur notre Instagram <strong>@gamejutsu_montpellier</strong>. Selon l&rsquo;événement, on peut aussi glisser des promos, des sleeves ou des cartes alternatives dans le pot.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_q2nr838 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_lph8838 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_w2d2143 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 06 - AMBIANCE (One Piece)
     Namespace : .gj-opa-* (one piece ambiance)
     - PageSpeed FIX MAJEUR : images redimensionnées avec
       width/height explicites (CLS fix), loading=lazy, decoding=async
     - Économie estimée : ~1009 KB en régénérant les images source
       en 800x600 côté WordPress
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-opa-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-opa-page *,
.gj-opa-page *::before,
.gj-opa-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-opa-page img { max-width: 100%; height: auto; display: block; }

.gj-opa-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-opa-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-opa-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-opa-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-opa-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-opa-title .gj-opa-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-opa-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-opa-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-opa-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-opa-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-opa-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-opa-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-opa-bg { padding: 20px 0 20px 0; }
  .gj-opa-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-opa-photo,
  .gj-opa-photo img { transition: none; }
  .gj-opa-photo:hover { transform: none; }
  .gj-opa-photo:hover img { transform: none; }
}
</style>

<div class="gj-opa-page">
  <div class="gj-opa-bg">
    <div class="gj-opa-wrapper">

      <div class="gj-opa-header">
        <div class="gj-opa-eyebrow">Ambiance</div>
        <h2 class="gj-opa-title">
          LES SOIRS DE
          <span class="gj-opa-accent">WEEKLY</span>
        </h2>
        <p class="gj-opa-subtitle">Quelques moments des dernières éditions à la boutique.</p>
      </div>

      <div class="gj-opa-grid">

        <div class="gj-opa-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/87334DBD-FCC0-45C4-B264-C0BB31C02D99.jpeg"
            alt="Ambiance Weekly One Piece 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-opa-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/0E89273C-F496-4D55-8A84-9D00FF5E5FF1.jpeg"
            alt="Ambiance Weekly One Piece 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-opa-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/8C1CB22E-1189-4515-9C29-ED4298438B0C.jpeg"
            alt="Ambiance Weekly One Piece 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-opa-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/80B7B869-45B0-4601-B901-1BDCFA4AE93D.jpeg"
            alt="Ambiance Weekly One Piece 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_7v74924 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_i99b924 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_2hq6753 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - ARTICLE MODULE 07 - INSCRIPTION (One Piece)
     Namespace : .gj-opi-* (one piece inscription)
     - CTA final vers Bandai TCG+
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-opi-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-opi-page *,
.gj-opi-page *::before,
.gj-opi-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-opi-page a { text-decoration: none; color: inherit; }

.gj-opi-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-opi-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============ CTA MARINE ============ */
.gj-opi-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

.gj-opi-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.78) 0%, rgba(28, 37, 65, 0.72) 50%, rgba(28, 37, 65, 0.85) 100%);
  z-index: 0;
}

.gj-opi-cta > * { position: relative; z-index: 1; }

.gj-opi-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-opi-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-opi-title .gj-opi-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-opi-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0 auto 28px auto;
  max-width: 560px;
}

.gj-opi-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-bottom: 32px;
}

.gj-opi-step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gj-opi-step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
}

.gj-opi-step-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gj-cream);
}

.gj-opi-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gj-red);
  color: #ffffff;
  padding: 17px 38px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
}

.gj-opi-btn:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-opi-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-opi-btn:hover svg { transform: translateX(4px); }

.gj-opi-footnote {
  text-align: center;
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--gj-gray);
  letter-spacing: 0.3px;
  max-width: 720px;
  margin: 40px auto 0 auto;
  padding-top: 28px;
  border-top: 1px solid var(--gj-cream-dark);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .gj-opi-bg { padding: 20px 0 40px 0; }
  .gj-opi-wrapper { padding: 0 16px; }
  .gj-opi-cta { padding: 50px 28px; }
  .gj-opi-steps { flex-direction: column; align-items: center; gap: 14px; }
}

@media (max-width: 480px) {
  .gj-opi-cta { padding: 40px 22px; }
  .gj-opi-btn { padding: 15px 28px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-opi-btn { transition: none; }
  .gj-opi-btn:hover { transform: none; }
  .gj-opi-btn:hover svg { transform: none; }
}
</style>

<div class="gj-opi-page">
  <div class="gj-opi-bg">
    <div class="gj-opi-wrapper">

      <section class="gj-opi-cta">
        <div class="gj-opi-eyebrow">Inscription</div>
        <h2 class="gj-opi-title">
          RÉSERVE TA
          <span class="gj-opi-accent">PLACE</span>
        </h2>
        <p class="gj-opi-text">
          Les places partent vite chaque semaine, inscris-toi en ligne pour être sûr d&rsquo;avoir la tienne.
        </p>

        <div class="gj-opi-steps">
          <div class="gj-opi-step">
            <div class="gj-opi-step-num">1</div>
            <div class="gj-opi-step-text">Inscris-toi sur Bandai TCG+</div>
          </div>
          <div class="gj-opi-step">
            <div class="gj-opi-step-num">2</div>
            <div class="gj-opi-step-text">Viens régler en boutique</div>
          </div>
          <div class="gj-opi-step">
            <div class="gj-opi-step-num">3</div>
            <div class="gj-opi-step-text">Rendez-vous vendredi à 19h15 !</div>
          </div>
        </div>

        <a href="https://www.bandai-tcg-plus.com/event?organizer_id=19151&#038;organizer_name=Pyxidice" target="_blank" rel="noopener" class="gj-opi-btn">
          S&rsquo;inscrire maintenant
          <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>
      </section>

      <p class="gj-opi-footnote">
        © 2026 Game Jutsu — Tournoi hebdomadaire ouvert à tous les joueurs One Piece Card Game. Les places sont limitées, l&rsquo;inscription en ligne est conseillée. Format et dotation annoncés chaque semaine sur nos réseaux.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2026/06/30/weekly-one-piece/">Weekly One Piece</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Campagne de reprise</title>
		<link>https://game-jutsu.fr/2026/06/30/campagne-de-reprise/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Tue, 30 Jun 2026 14:59:18 +0000</pubDate>
				<category><![CDATA[Campagne de reprise]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=2478</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2026/06/30/campagne-de-reprise/">Campagne de reprise</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph"></p>

<!--themify_builder_content-->
<div id="themify_builder_content-2478" data-postid="2478" class="themify_builder_content themify_builder_content-2478 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_gxb6906 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_122t906 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_rbi4712 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 01 - HERO
     Namespace : .gj-rch-* (reprise console hero)
     - Design aligné sur .gj-evth-* (page actualités)
     - Lost in South → Anton (accent titre avec glow rouge)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rch-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rch-page *,
.gj-rch-page *::before,
.gj-rch-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rch-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-rch-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-rch-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-rch-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-rch-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-rch-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-rch-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-rch-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-rch-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-rch-title .gj-rch-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rch-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-rch-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp');
  }
}

@media (max-width: 900px) {
  .gj-rch-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-rch-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-rch-page">
  <div class="gj-rch-bg">
    <section class="gj-rch-hero" aria-label="En-tête de la campagne de reprise">
      <div class="gj-rch-content">
        <div class="gj-rch-meta">
          <span class="gj-rch-badge">Campagne</span>
          <span class="gj-rch-category">Reprise console &amp; TCG</span>
        </div>
        <h1 class="gj-rch-title">
          REPRISE CONSOLE
          <span class="gj-rch-accent">&amp; TCG</span>
        </h1>
        <p class="gj-rch-excerpt">
          La reprise chez Game Jutsu Montpellier, c&rsquo;est tout simple : tu apportes ta console, tes cartes, tes jeux, tes figurines, tes mangas&#8230; on te fait une estimation en boutique, avec paiement immédiat ou bon d&rsquo;achat.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_q3oa56 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_bv4o56 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_0lw1608 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 02 - INTRO (texte sous hero)
     Namespace : .gj-rcx-* (reprise console intro)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rcx-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rcx-page *,
.gj-rcx-page *::before,
.gj-rcx-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rcx-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-rcx-wrapper {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

.gj-rcx-text {
  font-family: var(--font-body);
  font-size: 15.5px;
  color: var(--gj-marine);
  line-height: 1.75;
  margin: 0;
}

.gj-rcx-text strong {
  color: var(--gj-red);
  font-weight: 700;
}

.gj-rcx-highlight {
  font-family: var(--font-title);
  font-size: 1em;
  color: var(--gj-red);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 400;
  text-shadow:
    0 0 20px rgba(228, 13, 20, 0.3),
    0 0 40px rgba(228, 13, 20, 0.15);
}

@media (max-width: 900px) {
  .gj-rcx-bg { padding: 40px 0 20px 0; }
  .gj-rcx-wrapper { padding: 0 16px; }
  .gj-rcx-text { font-size: 14.5px; }
}
</style>

<div class="gj-rcx-page">
  <div class="gj-rcx-bg">
    <div class="gj-rcx-wrapper">
      <p class="gj-rcx-text">
        La reprise chez Game Jutsu Montpellier, c&rsquo;est tout simple : tu apportes ta console, tes cartes, tes jeux, tes figurines, tes mangas&#8230; on te fait une estimation en boutique, avec paiement immédiat en <strong>espèces</strong> ou <strong>bon d&rsquo;achat</strong>. Que tu veuilles dormir des projets ou que tu veuilles financer ton prochain achat gaming, c&rsquo;est ici que ça se passe.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_mjn5316 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_qv9c316 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_023f41 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 03 - L'ESSENTIEL
     Namespace : .gj-rce-* (reprise console essentiel)
     - 4 cartes info (comme la page article)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rce-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rce-page *,
.gj-rce-page *::before,
.gj-rce-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rce-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rce-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rce-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-rce-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rce-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rce-title .gj-rce-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rce-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-rce-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-rce-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-rce-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-rce-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-rce-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-rce-value {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.05;
  text-transform: uppercase;
}

.gj-rce-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-rce-bg { padding: 20px 0 20px 0; }
  .gj-rce-wrapper { padding: 0 16px; }
  .gj-rce-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-rce-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rce-card { transition: none; }
  .gj-rce-card:hover { transform: none; }
}
</style>

<div class="gj-rce-page">
  <div class="gj-rce-bg">
    <div class="gj-rce-wrapper">

      <div class="gj-rce-header">
        <div class="gj-rce-eyebrow">L&rsquo;essentiel</div>
        <h2 class="gj-rce-title">
          CONSOLE
          <span class="gj-rce-accent">— INFOS</span>
        </h2>
      </div>

      <div class="gj-rce-grid">
        <div class="gj-rce-card">
          <div class="gj-rce-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-rce-label">Où</div>
          <div class="gj-rce-value">En boutique</div>
        </div>

        <div class="gj-rce-card">
          <div class="gj-rce-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </div>
          <div class="gj-rce-label">Estimation</div>
          <div class="gj-rce-value is-accent">Immédiate</div>
        </div>

        <div class="gj-rce-card">
          <div class="gj-rce-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-rce-label">Paiement</div>
          <div class="gj-rce-value">Espèces / bon</div>
        </div>

        <div class="gj-rce-card">
          <div class="gj-rce-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M20 7h-3V6a4 4 0 0 0-8 0v1H6a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/><line x1="12" y1="12" x2="12" y2="18"/><line x1="9" y1="15" x2="15" y2="15"/></svg>
          </div>
          <div class="gj-rce-label">Rendez-vous</div>
          <div class="gj-rce-value">Sans</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_vmo714 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_b4pf14 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_pj35353 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 04 - REPRENDS TON LOOT
     Namespace : .gj-rcl-* (reprise console loot)
     - Grille de ce qu'on reprend (consoles, cartes, jeux, etc.)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rcl-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rcl-page *,
.gj-rcl-page *::before,
.gj-rcl-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rcl-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rcl-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rcl-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-rcl-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rcl-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rcl-title .gj-rcl-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rcl-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-rcl-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.gj-rcl-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 26px;
  text-align: left;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-rcl-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 18px 40px rgba(228, 13, 20, 0.15);
}

.gj-rcl-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-rcl-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-rcl-item-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0 0 10px 0;
  line-height: 1.05;
}

.gj-rcl-item-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--gj-gray);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-rcl-bg { padding: 20px 0 20px 0; }
  .gj-rcl-wrapper { padding: 0 16px; }
  .gj-rcl-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .gj-rcl-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rcl-item { transition: none; }
  .gj-rcl-item:hover { transform: none; }
}
</style>

<div class="gj-rcl-page">
  <div class="gj-rcl-bg">
    <div class="gj-rcl-wrapper">

      <div class="gj-rcl-header">
        <div class="gj-rcl-eyebrow">Reprends ton loot</div>
        <h2 class="gj-rcl-title">
          CE QU&rsquo;ON
          <span class="gj-rcl-accent">REPREND</span>
        </h2>
        <p class="gj-rcl-subtitle">Voici tout ce que tu peux nous apporter pour une estimation immédiate.</p>
      </div>

      <div class="gj-rcl-grid">

        <div class="gj-rcl-item">
          <div class="gj-rcl-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="2" y="6" width="20" height="12" rx="2"/><line x1="6" y1="12" x2="10" y2="12"/><line x1="8" y1="10" x2="8" y2="14"/><circle cx="16" cy="10" r="1" fill="#ffffff"/><circle cx="18" cy="14" r="1" fill="#ffffff"/></svg>
          </div>
          <h3 class="gj-rcl-item-title">Consoles</h3>
          <p class="gj-rcl-item-text">PlayStation, Xbox, Nintendo, PSP, PS Vita, Game Boy, DS, portables rétro&#8230; toutes générations acceptées.</p>
        </div>

        <div class="gj-rcl-item">
          <div class="gj-rcl-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="3" width="14" height="18" rx="2"/><path d="M7 3v18"/><path d="M17 8l4 2v6l-4 2"/></svg>
          </div>
          <h3 class="gj-rcl-item-title">Jeux vidéo</h3>
          <p class="gj-rcl-item-text">Jeux physiques de toutes plateformes, du rétro au dernier AAA, avec boîte et jaquette de préférence.</p>
        </div>

        <div class="gj-rcl-item">
          <div class="gj-rcl-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <h3 class="gj-rcl-item-title">Cartes TCG</h3>
          <p class="gj-rcl-item-text">Pokémon, One Piece, Magic, Yu-Gi-Oh!, Riftbound&#8230; à l&rsquo;unité, en lot, en collection complète.</p>
        </div>

        <div class="gj-rcl-item">
          <div class="gj-rcl-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M6 22v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/></svg>
          </div>
          <h3 class="gj-rcl-item-title">Figurines</h3>
          <p class="gj-rcl-item-text">Figurines manga, anime, gaming, POP! Funko, statuettes de collection&#8230; avec boîte d&rsquo;origine idéalement.</p>
        </div>

        <div class="gj-rcl-item">
          <div class="gj-rcl-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
          </div>
          <h3 class="gj-rcl-item-title">Mangas &amp; comics</h3>
          <p class="gj-rcl-item-text">Séries complètes ou incomplètes, tomes à l&rsquo;unité, éditions collector, mangas récents ou anciens.</p>
        </div>

        <div class="gj-rcl-item">
          <div class="gj-rcl-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><polygon points="12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2"/></svg>
          </div>
          <h3 class="gj-rcl-item-title">Objets collector</h3>
          <p class="gj-rcl-item-text">Éditions collector, artbooks, goodies officiels, produits dérivés en bon état.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_l3g8745 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_oqyt745 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_r2mc42 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 05 - CONDITIONS
     Namespace : .gj-rcc-* (reprise console conditions)
     - Texte + check-list
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rcc-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rcc-page *,
.gj-rcc-page *::before,
.gj-rcc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rcc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rcc-wrapper {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rcc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 28px auto;
}

.gj-rcc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rcc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rcc-title .gj-rcc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rcc-module {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 36px 40px;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
}

.gj-rcc-intro {
  font-family: var(--font-body);
  font-size: 14.5px;
  color: var(--gj-marine);
  line-height: 1.7;
  margin: 0 0 22px 0;
}

.gj-rcc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gj-rcc-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--gj-cream-dark);
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-marine);
  line-height: 1.55;
}

.gj-rcc-list li:last-child { border-bottom: none; }

.gj-rcc-list li strong {
  font-weight: 700;
  color: var(--gj-marine);
}

.gj-rcc-check {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.gj-rcc-check svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 900px) {
  .gj-rcc-bg { padding: 20px 0 20px 0; }
  .gj-rcc-wrapper { padding: 0 16px; }
  .gj-rcc-module { padding: 28px 24px; border-radius: 14px; }
}
</style>

<div class="gj-rcc-page">
  <div class="gj-rcc-bg">
    <div class="gj-rcc-wrapper">

      <div class="gj-rcc-header">
        <div class="gj-rcc-eyebrow">Conditions</div>
        <h2 class="gj-rcc-title">
          COMMENT FAIRE UNE
          <span class="gj-rcc-accent">REPRISE</span>
        </h2>
      </div>

      <div class="gj-rcc-module">
        <p class="gj-rcc-intro">
          Pour qu&rsquo;on puisse te reprendre tes affaires, quelques points à vérifier avant de te déplacer :
        </p>
        <ul class="gj-rcc-list">
          <li>
            <span class="gj-rcc-check" aria-hidden="true"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>
            <span>Être <strong>majeur</strong> ou accompagné d&rsquo;un représentant légal pour la reprise.</span>
          </li>
          <li>
            <span class="gj-rcc-check" aria-hidden="true"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>
            <span>Se présenter avec une <strong>pièce d&rsquo;identité en cours de validité</strong> (obligatoire pour la traçabilité).</span>
          </li>
          <li>
            <span class="gj-rcc-check" aria-hidden="true"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>
            <span>Apporter tes objets en <strong>bon état général</strong>, propres et complets si possible.</span>
          </li>
          <li>
            <span class="gj-rcc-check" aria-hidden="true"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>
            <span>Prévoir un peu de <strong>temps sur place</strong> pour l&rsquo;estimation (quelques minutes à plus selon la quantité).</span>
          </li>
          <li>
            <span class="gj-rcc-check" aria-hidden="true"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span>
            <span>Être <strong>ouvert à la discussion</strong> : notre estimation dépend du marché et de l&rsquo;état réel des produits.</span>
          </li>
        </ul>
      </div>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_2xl5183 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_gmqw183 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_zeaf558 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 06 - LE KIT
     Namespace : .gj-rck-* (reprise console kit)
     - Ce qu'il faut apporter selon le type d'objet
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rck-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rck-page *,
.gj-rck-page *::before,
.gj-rck-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rck-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rck-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rck-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-rck-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rck-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rck-title .gj-rck-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rck-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-rck-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.gj-rck-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-rck-card:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-rck-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.gj-rck-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-rck-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-rck-card-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0;
  line-height: 1.05;
}

.gj-rck-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gj-rck-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--gj-marine);
  line-height: 1.55;
}

.gj-rck-dot {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gj-red);
  margin-top: 8px;
}

@media (max-width: 900px) {
  .gj-rck-bg { padding: 20px 0 20px 0; }
  .gj-rck-wrapper { padding: 0 16px; }
  .gj-rck-grid { grid-template-columns: 1fr; }
  .gj-rck-card { padding: 24px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rck-card { transition: none; }
  .gj-rck-card:hover { transform: none; }
}
</style>

<div class="gj-rck-page">
  <div class="gj-rck-bg">
    <div class="gj-rck-wrapper">

      <div class="gj-rck-header">
        <div class="gj-rck-eyebrow">Le kit</div>
        <h2 class="gj-rck-title">
          À NE PAS
          <span class="gj-rck-accent">OUBLIER</span>
        </h2>
        <p class="gj-rck-subtitle">Pour une reprise plus fluide et une meilleure estimation, voici ce qu&rsquo;on aime avoir avec.</p>
      </div>

      <div class="gj-rck-grid">

        <div class="gj-rck-card">
          <div class="gj-rck-card-header">
            <div class="gj-rck-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24"><rect x="2" y="6" width="20" height="12" rx="2"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
            </div>
            <h3 class="gj-rck-card-title">Pour une console</h3>
          </div>
          <ul class="gj-rck-list">
            <li><span class="gj-rck-dot"></span><span>La console <strong>testable</strong> (nettoyée, fonctionnelle)</span></li>
            <li><span class="gj-rck-dot"></span><span>Le <strong>câble d&rsquo;alimentation</strong> d&rsquo;origine</span></li>
            <li><span class="gj-rck-dot"></span><span>Le <strong>câble HDMI/AV</strong> si dispo</span></li>
            <li><span class="gj-rck-dot"></span><span>Les <strong>manettes</strong> (au moins une)</span></li>
            <li><span class="gj-rck-dot"></span><span>La <strong>boîte d&rsquo;origine</strong> et les accessoires si tu les as encore</span></li>
          </ul>
        </div>

        <div class="gj-rck-card">
          <div class="gj-rck-card-header">
            <div class="gj-rck-icon" aria-hidden="true">
              <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
            </div>
            <h3 class="gj-rck-card-title">Pour les cartes TCG</h3>
          </div>
          <ul class="gj-rck-list">
            <li><span class="gj-rck-dot"></span><span>Les cartes <strong>triées par jeu</strong> (Pokémon d&rsquo;un côté, Magic de l&rsquo;autre&#8230;)</span></li>
            <li><span class="gj-rck-dot"></span><span>Idéalement dans des <strong>classeurs, sleeves ou toploaders</strong></span></li>
            <li><span class="gj-rck-dot"></span><span>Si tu as une <strong>liste ou un inventaire</strong>, c&rsquo;est encore mieux</span></li>
            <li><span class="gj-rck-dot"></span><span>Les <strong>cartes rares</strong> mises en avant pour l&rsquo;estimation</span></li>
          </ul>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_v8gu521 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_ykj2521 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_sk0p598 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 07 - ÉTAT REQUIS
     Namespace : .gj-rcs-* (reprise console state)
     - 3 niveaux d'état : Comme neuf / Bon état / Occasion
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rcs-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;
  --gj-green: #2f9e44;
  --gj-orange: #e67700;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rcs-page *,
.gj-rcs-page *::before,
.gj-rcs-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rcs-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rcs-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rcs-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-rcs-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rcs-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rcs-title .gj-rcs-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rcs-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-rcs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.gj-rcs-item {
  background: var(--gj-white);
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-top: 4px solid var(--gj-red);
}

.gj-rcs-item.is-top { border-top-color: var(--gj-green); }
.gj-rcs-item.is-mid { border-top-color: var(--gj-orange); }
.gj-rcs-item.is-low { border-top-color: var(--gj-red); }

.gj-rcs-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.15);
}

.gj-rcs-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.gj-rcs-item.is-top .gj-rcs-badge { background: var(--gj-green); }
.gj-rcs-item.is-mid .gj-rcs-badge { background: var(--gj-orange); }
.gj-rcs-item.is-low .gj-rcs-badge { background: var(--gj-red); }

.gj-rcs-item-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0 0 10px 0;
  line-height: 1.05;
}

.gj-rcs-item-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--gj-gray);
  line-height: 1.6;
  margin: 0 0 14px 0;
}

.gj-rcs-item-price {
  font-family: var(--font-title);
  font-size: 15px;
  color: var(--gj-marine);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-top: 1px dashed var(--gj-cream-dark);
  padding-top: 12px;
  line-height: 1.05;
}

.gj-rcs-item-price strong {
  color: var(--gj-red);
  font-weight: 400;
}

@media (max-width: 900px) {
  .gj-rcs-bg { padding: 20px 0 20px 0; }
  .gj-rcs-wrapper { padding: 0 16px; }
  .gj-rcs-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rcs-item { transition: none; }
  .gj-rcs-item:hover { transform: none; }
}
</style>

<div class="gj-rcs-page">
  <div class="gj-rcs-bg">
    <div class="gj-rcs-wrapper">

      <div class="gj-rcs-header">
        <div class="gj-rcs-eyebrow">État requis</div>
        <h2 class="gj-rcs-title">
          COMMENT ON
          <span class="gj-rcs-accent">ÉVALUE</span>
        </h2>
        <p class="gj-rcs-subtitle">L&rsquo;estimation dépend de l&rsquo;état général de tes objets. Voici comment on les classe.</p>
      </div>

      <div class="gj-rcs-grid">

        <div class="gj-rcs-item is-top">
          <span class="gj-rcs-badge">Comme neuf</span>
          <h3 class="gj-rcs-item-title">Excellent état</h3>
          <p class="gj-rcs-item-text">Aucune rayure, boîte d&rsquo;origine, accessoires complets, testable et fonctionnel à 100 %. Cartes en mint, jeux avec jaquette impeccable.</p>
          <div class="gj-rcs-item-price">Meilleure <strong>estimation</strong></div>
        </div>

        <div class="gj-rcs-item is-mid">
          <span class="gj-rcs-badge">Bon état</span>
          <h3 class="gj-rcs-item-title">Traces d&rsquo;usage</h3>
          <p class="gj-rcs-item-text">Quelques micro-rayures, boîte présente mais légèrement abîmée, accessoires principaux présents. Cartes propres avec légères traces.</p>
          <div class="gj-rcs-item-price">Estimation <strong>correcte</strong></div>
        </div>

        <div class="gj-rcs-item is-low">
          <span class="gj-rcs-badge">État moyen</span>
          <h3 class="gj-rcs-item-title">Bien usé</h3>
          <p class="gj-rcs-item-text">Fonctionnel mais avec rayures, sans boîte, accessoires manquants. Cartes jaunies, cornées. Estimation réduite mais on regarde quand même.</p>
          <div class="gj-rcs-item-price">Estimation <strong>ajustée</strong></div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_092q726 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_qh2r726 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_0e2418 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 08 - COMMENT ÇA MARCHE
     Namespace : .gj-rcm-* (reprise console marche)
     - 4 étapes du process de reprise
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rcm-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rcm-page *,
.gj-rcm-page *::before,
.gj-rcm-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rcm-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rcm-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rcm-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-rcm-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rcm-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rcm-title .gj-rcm-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rcm-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gj-rcm-step {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 30px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-rcm-step:hover {
  transform: translateX(4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-rcm-num {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 24px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 18px rgba(228, 13, 20, 0.35);
  line-height: 1;
}

.gj-rcm-step-content { flex: 1; }

.gj-rcm-step-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-rcm-step-text {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-rcm-bg { padding: 20px 0 20px 0; }
  .gj-rcm-wrapper { padding: 0 16px; }
}

@media (max-width: 480px) {
  .gj-rcm-step {
    flex-direction: column;
    gap: 16px;
    padding: 24px 22px;
  }
  .gj-rcm-num { width: 44px; height: 44px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rcm-step { transition: none; }
  .gj-rcm-step:hover { transform: none; }
}
</style>

<div class="gj-rcm-page">
  <div class="gj-rcm-bg">
    <div class="gj-rcm-wrapper">

      <div class="gj-rcm-header">
        <div class="gj-rcm-eyebrow">Comment ça marche</div>
        <h2 class="gj-rcm-title">
          LE PROCESS EN
          <span class="gj-rcm-accent">4 ÉTAPES</span>
        </h2>
      </div>

      <div class="gj-rcm-list">

        <div class="gj-rcm-step">
          <div class="gj-rcm-num">1</div>
          <div class="gj-rcm-step-content">
            <h3 class="gj-rcm-step-title">Passe en boutique</h3>
            <p class="gj-rcm-step-text">Aucun rendez-vous nécessaire. Viens quand tu veux durant nos horaires d&rsquo;ouverture (lundi-samedi, 10h-19h) avec ce que tu souhaites nous faire estimer.</p>
          </div>
        </div>

        <div class="gj-rcm-step">
          <div class="gj-rcm-num">2</div>
          <div class="gj-rcm-step-content">
            <h3 class="gj-rcm-step-title">Estimation immédiate</h3>
            <p class="gj-rcm-step-text">Notre équipe examine tes objets, vérifie leur état, teste ce qui doit l&rsquo;être et te propose une estimation en fonction du marché actuel et des stocks en cours.</p>
          </div>
        </div>

        <div class="gj-rcm-step">
          <div class="gj-rcm-num">3</div>
          <div class="gj-rcm-step-content">
            <h3 class="gj-rcm-step-title">Tu décides</h3>
            <p class="gj-rcm-step-text">On te présente notre offre. Tu es libre d&rsquo;accepter ou de refuser sans engagement. Aucune obligation d&rsquo;accepter, aucune commission cachée.</p>
          </div>
        </div>

        <div class="gj-rcm-step">
          <div class="gj-rcm-num">4</div>
          <div class="gj-rcm-step-content">
            <h3 class="gj-rcm-step-title">Paiement immédiat</h3>
            <p class="gj-rcm-step-text">Si tu acceptes, on te règle sur place, en espèces ou en bon d&rsquo;achat (avec un bonus si tu choisis le bon d&rsquo;achat). Signature d&rsquo;un bordereau de reprise obligatoire.</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_3w5d639 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_5rbn639 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_hj8s195 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 09 - MODES DE PAIEMENT
     Namespace : .gj-rcp-* (reprise console paiement)
     - 2 options : espèces vs bon d'achat (avec bonus)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rcp-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rcp-page *,
.gj-rcp-page *::before,
.gj-rcp-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rcp-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rcp-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rcp-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-rcp-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rcp-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rcp-title .gj-rcp-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rcp-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-rcp-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.gj-rcp-card {
  border-radius: 18px;
  padding: 36px 32px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-rcp-card--white {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  color: var(--gj-marine);
}

.gj-rcp-card--marine {
  background: var(--gj-marine);
  color: var(--gj-cream);
  box-shadow: 0 14px 36px rgba(39, 49, 84, 0.3);
  isolation: isolate;
}

.gj-rcp-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(39, 49, 84, 0.2);
}

.gj-rcp-card--marine:hover {
  box-shadow: 0 24px 52px rgba(39, 49, 84, 0.42);
}

.gj-rcp-tag {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red);
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.gj-rcp-card-title {
  font-family: var(--font-title);
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0 0 12px 0;
  line-height: 1.05;
}

.gj-rcp-card--white .gj-rcp-card-title { color: var(--gj-marine); }
.gj-rcp-card--marine .gj-rcp-card-title { color: var(--gj-cream); }

.gj-rcp-bonus {
  font-family: var(--font-title);
  font-size: 1em;
  color: var(--gj-red);
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.4),
    0 0 50px rgba(228, 13, 20, 0.2);
}

.gj-rcp-card-text {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 16px 0;
}

.gj-rcp-card--white .gj-rcp-card-text { color: var(--gj-gray); }
.gj-rcp-card--marine .gj-rcp-card-text { color: rgba(240, 238, 233, 0.85); }

.gj-rcp-features {
  list-style: none;
  padding: 0;
  margin: 18px 0 0 0;
}

.gj-rcp-features li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 6px 0;
  font-family: var(--font-body);
  font-size: 13.5px;
  line-height: 1.5;
}

.gj-rcp-card--white .gj-rcp-features li { color: var(--gj-marine); }
.gj-rcp-card--marine .gj-rcp-features li { color: rgba(240, 238, 233, 0.92); }

.gj-rcp-features .gj-rcp-tick {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
}

.gj-rcp-features .gj-rcp-tick svg {
  width: 10px;
  height: 10px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 900px) {
  .gj-rcp-bg { padding: 20px 0 20px 0; }
  .gj-rcp-wrapper { padding: 0 16px; }
  .gj-rcp-grid { grid-template-columns: 1fr; }
  .gj-rcp-card { padding: 28px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rcp-card { transition: none; }
  .gj-rcp-card:hover { transform: none; }
}
</style>

<div class="gj-rcp-page">
  <div class="gj-rcp-bg">
    <div class="gj-rcp-wrapper">

      <div class="gj-rcp-header">
        <div class="gj-rcp-eyebrow">Modes de paiement</div>
        <h2 class="gj-rcp-title">
          COMMENT TU TE FAIS
          <span class="gj-rcp-accent">PAYER</span>
        </h2>
        <p class="gj-rcp-subtitle">Deux options au choix — le bon d&rsquo;achat te permet de partir avec plus.</p>
      </div>

      <div class="gj-rcp-grid">

        <div class="gj-rcp-card gj-rcp-card--white">
          <span class="gj-rcp-tag">Option 1</span>
          <h3 class="gj-rcp-card-title">Espèces</h3>
          <p class="gj-rcp-card-text">Paiement cash directement au comptoir. Rapide, sans engagement, sans condition d&rsquo;achat ultérieure.</p>
          <ul class="gj-rcp-features">
            <li><span class="gj-rcp-tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span><span>Paiement immédiat</span></li>
            <li><span class="gj-rcp-tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span><span>Aucune condition d&rsquo;achat</span></li>
            <li><span class="gj-rcp-tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span><span>Utilisable partout, comme tu veux</span></li>
          </ul>
        </div>

        <div class="gj-rcp-card gj-rcp-card--marine">
          <span class="gj-rcp-tag">Option 2 — Recommandé</span>
          <h3 class="gj-rcp-card-title">Bon d&rsquo;achat <span class="gj-rcp-bonus">+ Bonus</span></h3>
          <p class="gj-rcp-card-text">Un bon d&rsquo;achat à utiliser en boutique avec un bonus supplémentaire sur le montant estimé.</p>
          <ul class="gj-rcp-features">
            <li><span class="gj-rcp-tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span><span>Montant boosté par un bonus Game Jutsu</span></li>
            <li><span class="gj-rcp-tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span><span>Valable sur tout le stock boutique</span></li>
            <li><span class="gj-rcp-tick"><svg viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12"/></svg></span><span>Idéal pour financer ton prochain achat gaming</span></li>
          </ul>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_cnw1876 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_5g7w876 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_vfk9140 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 10 - IMPORTANT
     Namespace : .gj-rcw-* (reprise console warning)
     - Points d'attention avant de venir
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rcw-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rcw-page *,
.gj-rcw-page *::before,
.gj-rcw-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rcw-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rcw-wrapper {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rcw-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-rcw-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rcw-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rcw-title .gj-rcw-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rcw-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.gj-rcw-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-left: 4px solid var(--gj-red);
  border-radius: 12px;
  padding: 22px 26px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  box-shadow: 0 4px 16px rgba(39, 49, 84, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-rcw-item:hover {
  transform: translateX(3px);
  box-shadow: 0 10px 24px rgba(39, 49, 84, 0.1);
}

.gj-rcw-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(228, 13, 20, 0.1);
  color: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 20px;
  line-height: 1;
}

.gj-rcw-text {
  flex: 1;
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-marine);
  line-height: 1.6;
  margin: 0;
}

.gj-rcw-text strong {
  font-weight: 700;
  color: var(--gj-marine);
}

@media (max-width: 900px) {
  .gj-rcw-bg { padding: 20px 0 20px 0; }
  .gj-rcw-wrapper { padding: 0 16px; }
  .gj-rcw-item { padding: 18px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rcw-item { transition: none; }
  .gj-rcw-item:hover { transform: none; }
}
</style>

<div class="gj-rcw-page">
  <div class="gj-rcw-bg">
    <div class="gj-rcw-wrapper">

      <div class="gj-rcw-header">
        <div class="gj-rcw-eyebrow">Important</div>
        <h2 class="gj-rcw-title">
          À
          <span class="gj-rcw-accent">SAVOIR</span>
        </h2>
      </div>

      <div class="gj-rcw-list">

        <div class="gj-rcw-item">
          <div class="gj-rcw-icon" aria-hidden="true">!</div>
          <p class="gj-rcw-text">
            <strong>Aucune obligation d&rsquo;accepter notre offre.</strong> Si l&rsquo;estimation ne te convient pas, tu repars simplement avec tes affaires, sans frais, sans questions.
          </p>
        </div>

        <div class="gj-rcw-item">
          <div class="gj-rcw-icon" aria-hidden="true">!</div>
          <p class="gj-rcw-text">
            <strong>Nos estimations peuvent varier</strong> selon les cours du marché TCG, la demande, nos stocks en cours et l&rsquo;état exact des objets. On ne peut pas garantir un prix sans voir les produits en main.
          </p>
        </div>

        <div class="gj-rcw-item">
          <div class="gj-rcw-icon" aria-hidden="true">!</div>
          <p class="gj-rcw-text">
            <strong>Une pièce d&rsquo;identité est obligatoire</strong> pour tout achat de biens d&rsquo;occasion, conformément à la réglementation en vigueur. Un bordereau de reprise sera signé et conservé.
          </p>
        </div>

        <div class="gj-rcw-item">
          <div class="gj-rcw-icon" aria-hidden="true">!</div>
          <p class="gj-rcw-text">
            <strong>On ne reprend pas tout.</strong> Certains produits (matériel endommagé, contrefaçons, contenus explicites, éditions non commercialisées en France) peuvent être refusés à notre discrétion.
          </p>
        </div>

        <div class="gj-rcw-item">
          <div class="gj-rcw-icon" aria-hidden="true">!</div>
          <p class="gj-rcw-text">
            <strong>Pour les grosses quantités</strong> (collection entière, gros lots de cartes, plusieurs consoles), passe-nous un coup de fil ou un DM avant pour qu&rsquo;on prépare un créneau. Ça évite l&rsquo;attente et te garantit une bonne estimation.
          </p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_vwrn975 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_xtng975 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_xjmy217 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - REPRISE MODULE 11 - ALLER PLUS LOIN
     Namespace : .gj-rca-* (reprise console aller)
     - Liens internes vers autres pages du site
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rca-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-light: #313d68;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rca-page *,
.gj-rca-page *::before,
.gj-rca-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rca-page a { text-decoration: none; color: inherit; }

.gj-rca-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rca-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rca-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-rca-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rca-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rca-title .gj-rca-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rca-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.gj-rca-card {
  background: var(--gj-white);
  border-radius: 18px;
  overflow: hidden;
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
}

.gj-rca-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(228, 13, 20, 0.18);
  border-color: var(--gj-red);
}

.gj-rca-cover {
  height: 120px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  background: linear-gradient(135deg, var(--gj-marine) 0%, var(--gj-marine-light) 100%);
}

.gj-rca-cover::before {
  content: '';
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  top: -20px;
  right: -20px;
  pointer-events: none;
}

.gj-rca-cover svg {
  position: relative;
  z-index: 1;
  width: 44px;
  height: 44px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0.95;
}

.gj-rca-body {
  padding: 22px 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.gj-rca-card-eyebrow {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--gj-red-dark);
  margin-bottom: 8px;
}

.gj-rca-card-title {
  font-family: var(--font-title);
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  margin: 0 0 10px 0;
  line-height: 1.05;
}

.gj-rca-card-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0 0 16px 0;
  flex: 1;
}

.gj-rca-card-link {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--gj-red);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.25s ease;
}

.gj-rca-card:hover .gj-rca-card-link {
  gap: 12px;
}

@media (max-width: 900px) {
  .gj-rca-bg { padding: 20px 0 20px 0; }
  .gj-rca-wrapper { padding: 0 16px; }
  .gj-rca-grid { grid-template-columns: 1fr; gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rca-card { transition: none; }
  .gj-rca-card:hover { transform: none; }
  .gj-rca-card:hover .gj-rca-card-link { gap: 6px; }
}
</style>

<div class="gj-rca-page">
  <div class="gj-rca-bg">
    <div class="gj-rca-wrapper">

      <div class="gj-rca-header">
        <div class="gj-rca-eyebrow">Aller plus loin</div>
        <h2 class="gj-rca-title">
          À
          <span class="gj-rca-accent">EXPLORER</span>
        </h2>
      </div>

      <div class="gj-rca-grid">

        <a href="https://game-jutsu.fr/boutique/" class="gj-rca-card">
          <div class="gj-rca-cover" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
          </div>
          <div class="gj-rca-body">
            <div class="gj-rca-card-eyebrow">La boutique</div>
            <h3 class="gj-rca-card-title">Voir nos produits</h3>
            <p class="gj-rca-card-text">Utilise ton bon d&rsquo;achat directement sur nos cartes, jeux, figurines et consoles disponibles en boutique.</p>
            <span class="gj-rca-card-link">Découvrir →</span>
          </div>
        </a>

        <a href="https://game-jutsu.fr/actualites/" class="gj-rca-card">
          <div class="gj-rca-cover" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <div class="gj-rca-body">
            <div class="gj-rca-card-eyebrow">Nos événements</div>
            <h3 class="gj-rca-card-title">Tournois &amp; avant-premières</h3>
            <p class="gj-rca-card-text">Retrouve tous nos événements à venir : weekly One Piece, Riftbound, avant-premières Pokémon&#8230;</p>
            <span class="gj-rca-card-link">Voir l&rsquo;agenda →</span>
          </div>
        </a>

        <a href="https://game-jutsu.fr/contact/" class="gj-rca-card">
          <div class="gj-rca-cover" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
          </div>
          <div class="gj-rca-body">
            <div class="gj-rca-card-eyebrow">Nous contacter</div>
            <h3 class="gj-rca-card-title">Une question ?</h3>
            <p class="gj-rca-card-text">Grosse collection à faire estimer ? Contacte-nous à l&rsquo;avance pour préparer ton rendez-vous.</p>
            <span class="gj-rca-card-link">Écris-nous →</span>
          </div>
        </a>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2026/06/30/campagne-de-reprise/">Campagne de reprise</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Initiation TCG</title>
		<link>https://game-jutsu.fr/2026/06/29/initiation-tcg-debutant/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Sun, 28 Jun 2026 22:14:52 +0000</pubDate>
				<category><![CDATA[Initiation TCG]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=2440</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2026/06/29/initiation-tcg-debutant/">Initiation TCG</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<!--themify_builder_content-->
<div id="themify_builder_content-2440" data-postid="2440" class="themify_builder_content themify_builder_content-2440 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_3xgi388 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_f1it390 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_4kzj246 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 01 - HERO
     Namespace : .gj-inh-* (initiation hero)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-inh-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-inh-page *,
.gj-inh-page *::before,
.gj-inh-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-inh-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-inh-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-inh-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-inh-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-inh-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-inh-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-inh-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-inh-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-inh-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-inh-title .gj-inh-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-inh-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-inh-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp');
  }
}

@media (max-width: 900px) {
  .gj-inh-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-inh-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-inh-page">
  <div class="gj-inh-bg">
    <section class="gj-inh-hero" aria-label="En-tête de la page initiations TCG">
      <div class="gj-inh-content">
        <div class="gj-inh-meta">
          <span class="gj-inh-badge">Gratuit</span>
          <span class="gj-inh-category">Initiations TCG</span>
        </div>
        <h1 class="gj-inh-title">
          DÉCOUVRE
          <span class="gj-inh-accent">LE JEU</span>
        </h1>
        <p class="gj-inh-excerpt">
          Sessions d&rsquo;initiation gratuites aux jeux de cartes One Piece, Pokémon et Riftbound, viens apprendre les règles à la boutique, on s&rsquo;occupe de tout.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_ad1q844 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_sxkv845 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_153w58 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 02 - INFOS CLÉS
     Namespace : .gj-ini-* (initiation infos)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-ini-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-ini-page *,
.gj-ini-page *::before,
.gj-ini-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-ini-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-ini-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-ini-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-ini-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-ini-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-ini-title .gj-ini-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-ini-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-ini-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-ini-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-ini-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-ini-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-ini-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-ini-value {
  font-family: var(--font-title);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.02;
  text-transform: uppercase;
}

.gj-ini-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-ini-bg { padding: 40px 0 20px 0; }
  .gj-ini-wrapper { padding: 0 16px; }
  .gj-ini-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-ini-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-ini-card { transition: none; }
  .gj-ini-card:hover { transform: none; }
}
</style>

<div class="gj-ini-page">
  <div class="gj-ini-bg">
    <div class="gj-ini-wrapper">

      <div class="gj-ini-header">
        <div class="gj-ini-eyebrow">Le concept</div>
        <h2 class="gj-ini-title">
          INFOS
          <span class="gj-ini-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-ini-grid">
        <div class="gj-ini-card">
          <div class="gj-ini-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-ini-label">Tarif</div>
          <div class="gj-ini-value is-accent">Gratuit</div>
        </div>

        <div class="gj-ini-card">
          <div class="gj-ini-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <div class="gj-ini-label">Jeux</div>
          <div class="gj-ini-value">One Piece / Pokémon / Riftbound</div>
        </div>

        <div class="gj-ini-card">
          <div class="gj-ini-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <div class="gj-ini-label">Niveau</div>
          <div class="gj-ini-value">Débutants</div>
        </div>

        <div class="gj-ini-card">
          <div class="gj-ini-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-ini-label">Lieu</div>
          <div class="gj-ini-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_o4oy788 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_p6n9789 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_96hh604 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 03 - LE CONCEPT
     Namespace : .gj-inc-* (initiation concept)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-inc-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-inc-page *,
.gj-inc-page *::before,
.gj-inc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-inc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-inc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-inc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-inc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-inc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-inc-title .gj-inc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-inc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-inc-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-inc-bg { padding: 20px 0 20px 0; }
  .gj-inc-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-inc-page">
  <div class="gj-inc-bg">
    <div class="gj-inc-wrapper">
      <div class="gj-inc-header">
        <div class="gj-inc-eyebrow">Concept</div>
        <h2 class="gj-inc-title">
          POURQUOI UNE
          <span class="gj-inc-accent">INITIATION</span>
          ?
        </h2>
      </div>
      <p class="gj-inc-text">
        Les jeux de cartes à collectionner, ça peut faire peur au premier abord : règles denses, cartes techniques, meta compétitive&#8230; Nos sessions d&rsquo;initiation sont là pour <strong>casser cette barrière</strong>. En moins d&rsquo;une heure, tu comprends les mécaniques de base d&rsquo;un TCG, tu joues tes premières parties avec un deck prêté par la boutique, et tu repars avec toutes les clés pour continuer à ton rythme. <strong>Aucun prérequis</strong>, aucune obligation d&rsquo;achat, on t&rsquo;accueille comme tu es.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_we5c375 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_0vow376 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_udsf774 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 04 - AU PROGRAMME
     Namespace : .gj-inp-* (initiation programme)
     - 3 jeux disponibles (One Piece / Pokémon / Riftbound)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-inp-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-light: #313d68;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-inp-page *,
.gj-inp-page *::before,
.gj-inp-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-inp-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-inp-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-inp-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-inp-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-inp-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-inp-title .gj-inp-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-inp-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-inp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.gj-inp-card {
  background: var(--gj-white);
  border-radius: 18px;
  overflow: hidden;
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
}

.gj-inp-card:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 18px 44px rgba(228, 13, 20, 0.18);
}

.gj-inp-cover {
  height: 130px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.gj-inp-cover--onepiece {
  background: linear-gradient(135deg, #1B7B9E 0%, #0D3D52 100%);
}

.gj-inp-cover--pokemon {
  background: linear-gradient(135deg, #F3E398 0%, #D4B94F 100%);
}

.gj-inp-cover--riftbound {
  background: linear-gradient(135deg, var(--gj-marine) 0%, var(--gj-marine-light) 100%);
}

.gj-inp-cover-img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.gj-inp-body {
  padding: 22px 24px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.gj-inp-card-eyebrow {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--gj-red-dark);
  margin-bottom: 8px;
}

.gj-inp-card-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  margin: 0 0 10px 0;
  line-height: 1.05;
}

.gj-inp-card-text {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--gj-gray);
  line-height: 1.6;
  margin: 0;
  flex: 1;
}

@media (max-width: 900px) {
  .gj-inp-bg { padding: 20px 0 20px 0; }
  .gj-inp-wrapper { padding: 0 16px; }
  .gj-inp-grid { grid-template-columns: 1fr; gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-inp-card { transition: none; }
  .gj-inp-card:hover { transform: none; }
}
</style>

<div class="gj-inp-page">
  <div class="gj-inp-bg">
    <div class="gj-inp-wrapper">

      <div class="gj-inp-header">
        <div class="gj-inp-eyebrow">Au programme</div>
        <h2 class="gj-inp-title">
          LES 3
          <span class="gj-inp-accent">JEUX</span>
        </h2>
        <p class="gj-inp-subtitle">Trois univers, trois façons de jouer. Choisis celui qui t&rsquo;attire, ou fais les trois.</p>
      </div>

      <div class="gj-inp-grid">

        <div class="gj-inp-card">
          <div class="gj-inp-cover gj-inp-cover--onepiece">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LE LOGO ONE PIECE ◀◀◀ -->
            <img class="gj-inp-cover-img"
                 src="https://game-jutsu.fr/wp-content/uploads/2026/06/AP-one-piece.png"
                 alt="One Piece Card Game"
                 loading="lazy" decoding="async">
          </div>
          <div class="gj-inp-body">
            <div class="gj-inp-card-eyebrow">One Piece</div>
            <h3 class="gj-inp-card-title">One Piece Card Game</h3>
            <p class="gj-inp-card-text">Le TCG de Bandai basé sur l&rsquo;univers d&rsquo;Eiichiro Oda. Combats stratégiques, decks agressifs ou contrôlants, ambiance shonen 100 %.</p>
          </div>
        </div>

        <div class="gj-inp-card">
          <div class="gj-inp-cover gj-inp-cover--pokemon">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LE LOGO POKÉMON ◀◀◀ -->
            <img class="gj-inp-cover-img"
                 src="https://game-jutsu.fr/wp-content/uploads/2026/06/AP-pokemon.png"
                 alt="Pokémon TCG"
                 loading="lazy" decoding="async">
          </div>
          <div class="gj-inp-body">
            <div class="gj-inp-card-eyebrow">Pokémon</div>
            <h3 class="gj-inp-card-title">Pokémon TCG</h3>
            <p class="gj-inp-card-text">Le grand classique des jeux de cartes, accessible dès 10 ans. Idéal pour débuter en TCG et découvrir les mécaniques de base.</p>
          </div>
        </div>

        <div class="gj-inp-card">
          <div class="gj-inp-cover gj-inp-cover--riftbound">
            <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR LE LOGO RIFTBOUND ◀◀◀ -->
            <img class="gj-inp-cover-img"
                 src="https://game-jutsu.fr/wp-content/uploads/2026/06/AP-riftbound.png"
                 alt="Riftbound TCG"
                 loading="lazy" decoding="async">
          </div>
          <div class="gj-inp-body">
            <div class="gj-inp-card-eyebrow">Riftbound</div>
            <h3 class="gj-inp-card-title">Riftbound TCG</h3>
            <p class="gj-inp-card-text">Le nouveau TCG League of Legends signé Riot Games. Objectif : détruire le Nexus adverse, dans un système de zones inspiré du MOBA.</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_eyap622 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_dk9t622 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_nxgq598 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 05 - COMMENT ÇA SE PASSE
     Namespace : .gj-inm-* (initiation marche)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-inm-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-inm-page *,
.gj-inm-page *::before,
.gj-inm-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-inm-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-inm-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-inm-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-inm-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-inm-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-inm-title .gj-inm-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-inm-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gj-inm-step {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 30px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-inm-step:hover {
  transform: translateX(4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-inm-num {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 24px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 18px rgba(228, 13, 20, 0.35);
  line-height: 1;
}

.gj-inm-step-content { flex: 1; }

.gj-inm-step-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-inm-step-text {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-inm-bg { padding: 20px 0 20px 0; }
  .gj-inm-wrapper { padding: 0 16px; }
}

@media (max-width: 480px) {
  .gj-inm-step {
    flex-direction: column;
    gap: 16px;
    padding: 24px 22px;
  }
  .gj-inm-num { width: 44px; height: 44px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-inm-step { transition: none; }
  .gj-inm-step:hover { transform: none; }
}
</style>

<div class="gj-inm-page">
  <div class="gj-inm-bg">
    <div class="gj-inm-wrapper">

      <div class="gj-inm-header">
        <div class="gj-inm-eyebrow">Comment ça se passe</div>
        <h2 class="gj-inm-title">
          UNE SESSION EN
          <span class="gj-inm-accent">4 TEMPS</span>
        </h2>
      </div>

      <div class="gj-inm-list">

        <div class="gj-inm-step">
          <div class="gj-inm-num">1</div>
          <div class="gj-inm-step-content">
            <h3 class="gj-inm-step-title">Accueil &amp; présentation du jeu</h3>
            <p class="gj-inm-step-text">On t&rsquo;accueille en boutique et on te présente le jeu choisi : univers, objectif de la partie, notions de base à retenir. Environ 10 minutes pour poser le cadre.</p>
          </div>
        </div>

        <div class="gj-inm-step">
          <div class="gj-inm-num">2</div>
          <div class="gj-inm-step-content">
            <h3 class="gj-inm-step-title">Découverte des cartes</h3>
            <p class="gj-inm-step-text">On te prête un deck de démonstration prêt à jouer. Notre équipe t&rsquo;explique les types de cartes, les phases de jeu et les mécaniques principales pas à pas.</p>
          </div>
        </div>

        <div class="gj-inm-step">
          <div class="gj-inm-num">3</div>
          <div class="gj-inm-step-content">
            <h3 class="gj-inm-step-title">Première partie encadrée</h3>
            <p class="gj-inm-step-text">On enchaîne avec une partie complète, avec un joueur expérimenté à tes côtés pour te guider tour par tour. Zéro pression, on apprend en jouant.</p>
          </div>
        </div>

        <div class="gj-inm-step">
          <div class="gj-inm-num">4</div>
          <div class="gj-inm-step-content">
            <h3 class="gj-inm-step-title">Bilan &amp; ressources</h3>
            <p class="gj-inm-step-text">On répond à tes questions, on te donne les liens et ressources pour continuer chez toi. Tu peux enchaîner sur une deuxième partie ou revenir pour un autre TCG.</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_mfrr216 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_on9i216 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_dgjn129 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 06 - L'INVITATION
     Namespace : .gj-inv-* (initiation invitation)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-inv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-inv-page *,
.gj-inv-page *::before,
.gj-inv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-inv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-inv-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-inv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-inv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-inv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-inv-title .gj-inv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-inv-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-inv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.gj-inv-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 16px;
  padding: 24px 22px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(39, 49, 84, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-inv-item:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 14px 30px rgba(228, 13, 20, 0.12);
}

.gj-inv-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(228, 13, 20, 0.1);
  color: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.gj-inv-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-inv-item-title {
  font-family: var(--font-title);
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0 0 6px 0;
  line-height: 1.05;
}

.gj-inv-item-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-inv-bg { padding: 20px 0 20px 0; }
  .gj-inv-wrapper { padding: 0 16px; }
  .gj-inv-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-inv-item { transition: none; }
  .gj-inv-item:hover { transform: none; }
}
</style>

<div class="gj-inv-page">
  <div class="gj-inv-bg">
    <div class="gj-inv-wrapper">

      <div class="gj-inv-header">
        <div class="gj-inv-eyebrow">L&rsquo;invitation</div>
        <h2 class="gj-inv-title">
          POUR
          <span class="gj-inv-accent">QUI ?</span>
        </h2>
        <p class="gj-inv-subtitle">Tout le monde est le bienvenu, quel que soit ton niveau ou ton profil.</p>
      </div>

      <div class="gj-inv-grid">

        <div class="gj-inv-item">
          <div class="gj-inv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
          </div>
          <h3 class="gj-inv-item-title">Les grands débutants</h3>
          <p class="gj-inv-item-text">Tu n&rsquo;as jamais touché à un TCG de ta vie ? C&rsquo;est exactement pour toi qu&rsquo;on a créé ces sessions.</p>
        </div>

        <div class="gj-inv-item">
          <div class="gj-inv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
          </div>
          <h3 class="gj-inv-item-title">Les curieux</h3>
          <p class="gj-inv-item-text">Tu connais un TCG mais tu veux découvrir les autres ? Viens goûter à un nouvel univers.</p>
        </div>

        <div class="gj-inv-item">
          <div class="gj-inv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
          </div>
          <h3 class="gj-inv-item-title">Les parents &amp; enfants</h3>
          <p class="gj-inv-item-text">Envie de partager un moment cartes en famille ? On adapte le tempo à votre binôme.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_sv9a337 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_nut6338 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_7wjv755 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 07 - AMBIANCE
     Namespace : .gj-ina-* (initiation ambiance)
     - PageSpeed FIX MAJEUR : images width/height explicites,
       loading=lazy, decoding=async, fetchpriority=low
     - Économie estimée : ~523 KB en régénérant les images source
       à 800x600 côté WordPress
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-ina-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-ina-page *,
.gj-ina-page *::before,
.gj-ina-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-ina-page img { max-width: 100%; height: auto; display: block; }

.gj-ina-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-ina-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-ina-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-ina-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-ina-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-ina-title .gj-ina-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-ina-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-ina-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-ina-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-ina-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-ina-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-ina-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-ina-bg { padding: 20px 0 20px 0; }
  .gj-ina-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-ina-photo,
  .gj-ina-photo img { transition: none; }
  .gj-ina-photo:hover { transform: none; }
  .gj-ina-photo:hover img { transform: none; }
}
</style>

<div class="gj-ina-page">
  <div class="gj-ina-bg">
    <div class="gj-ina-wrapper">

      <div class="gj-ina-header">
        <div class="gj-ina-eyebrow">Ambiance</div>
        <h2 class="gj-ina-title">
          NOS DERNIÈRES
          <span class="gj-ina-accent">SESSIONS</span>
        </h2>
        <p class="gj-ina-subtitle">Quelques photos des dernières initiations à la boutique.</p>
      </div>

      <div class="gj-ina-grid">

        <div class="gj-ina-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/F6D76C0A-5B61-489E-93F2-948F82F437DE.jpeg"
            alt="Session initiation TCG 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ina-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/E91768BB-E47D-47DB-99A1-528516EB99F0.jpeg"
            alt="Session initiation TCG 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ina-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/C6E73172-5240-4902-97F1-E18FEDC711B3.jpeg"
            alt="Session initiation TCG 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-ina-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/98085AAF-E052-4460-B8F3-11E6366DFE71.jpeg"
            alt="Session initiation TCG 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_f1ez167 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_dqkh167 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_o2hu555 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - INITIATIONS MODULE 08 - PAS ENCORE DE DATE (CTA)
     Namespace : .gj-ind-* (initiation date)
     - Background gradient fallback (ACTUALITes-11.png 404)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-ind-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-light: #313d68;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-ind-page *,
.gj-ind-page *::before,
.gj-ind-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-ind-page a { text-decoration: none; color: inherit; }

.gj-ind-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-ind-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============ CTA MARINE (image de fond + overlay pour lisibilité) ============ */
.gj-ind-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background: linear-gradient(135deg, var(--gj-marine-dark) 0%, var(--gj-marine) 50%, var(--gj-marine-light) 100%);
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

/* Image de fond placeholder — remplaçable via l'URL de la balise <img> plus bas */
.gj-ind-cta-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  display: block;
}

/* Overlay marine dégradé pour garder les textes lisibles par-dessus l'image */
.gj-ind-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(28, 37, 65, 0.85) 0%, rgba(39, 49, 84, 0.75) 50%, rgba(49, 61, 104, 0.7) 100%);
  pointer-events: none;
  z-index: 1;
}

.gj-ind-cta > *:not(.gj-ind-cta-bg) { position: relative; z-index: 2; }

.gj-ind-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-ind-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-ind-title .gj-ind-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-ind-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.65;
  margin: 0 auto 28px auto;
  max-width: 620px;
}

.gj-ind-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.gj-ind-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 34px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.gj-ind-btn--primary {
  background: var(--gj-red);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
  border: 1.5px solid var(--gj-red);
}

.gj-ind-btn--primary:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-ind-btn--ghost {
  background: var(--gj-cream);
  color: var(--gj-marine);
  border: 1.5px solid var(--gj-cream);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.gj-ind-btn--ghost:hover {
  background: var(--gj-white);
  border-color: var(--gj-white);
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

.gj-ind-btn svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-ind-btn:hover svg { transform: translateX(4px); }

@media (max-width: 900px) {
  .gj-ind-bg { padding: 20px 0 40px 0; }
  .gj-ind-wrapper { padding: 0 16px; }
  .gj-ind-cta { padding: 50px 28px; }
}

@media (max-width: 480px) {
  .gj-ind-cta { padding: 40px 22px; }
  .gj-ind-btn { padding: 14px 26px; font-size: 11px; width: 100%; justify-content: center; }
  .gj-ind-actions { flex-direction: column; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-ind-btn { transition: none; }
  .gj-ind-btn:hover { transform: none; }
  .gj-ind-btn:hover svg { transform: none; }
}
</style>

<div class="gj-ind-page">
  <div class="gj-ind-bg">
    <div class="gj-ind-wrapper">

      <section class="gj-ind-cta">
        <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DE FOND SOUHAITÉE ◀◀◀ -->
        <img class="gj-ind-cta-bg"
             src="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
             alt=""
             aria-hidden="true"
             loading="lazy" decoding="async">

        <div class="gj-ind-eyebrow">Pas encore de date</div>
        <h2 class="gj-ind-title">
          RESTE
          <span class="gj-ind-accent">INFORMÉ</span>
        </h2>
        <p class="gj-ind-text">
          On organise nos prochaines sessions d&rsquo;initiation à la demande. Fais-nous signe par message ou passe en boutique, on te trouvera un créneau qui te convient.
        </p>

        <div class="gj-ind-actions">
          <a href="https://game-jutsu.fr/contact/" class="gj-ind-btn gj-ind-btn--primary">
            Nous contacter
            <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
          </a>
          <a href="https://www.instagram.com/game_jutsu_montpellier/" target="_blank" rel="noopener" class="gj-ind-btn gj-ind-btn--ghost">
            Suivre sur Instagram
            <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg>
          </a>
        </div>
      </section>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2026/06/29/initiation-tcg-debutant/">Initiation TCG</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Avant Première One Piece</title>
		<link>https://game-jutsu.fr/2026/06/28/avant-premiere-one-piece/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Sun, 28 Jun 2026 21:57:08 +0000</pubDate>
				<category><![CDATA[AP One Piece]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=2433</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2026/06/28/avant-premiere-one-piece/">Avant Première One Piece</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<!--themify_builder_content-->
<div id="themify_builder_content-2433" data-postid="2433" class="themify_builder_content themify_builder_content-2433 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_3usu687 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_gkag687 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_pd6h754 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 01 - HERO
     Namespace : .gj-aph-* (avant-premiere hero)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-aph-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-aph-page *,
.gj-aph-page *::before,
.gj-aph-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-aph-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-aph-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-aph-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-aph-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-aph-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-aph-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-aph-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-aph-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-aph-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-aph-title .gj-aph-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-aph-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-aph-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp');
  }
}

@media (max-width: 900px) {
  .gj-aph-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-aph-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-aph-page">
  <div class="gj-aph-bg">
    <section class="gj-aph-hero" aria-label="En-tête de l'avant-première One Piece">
      <div class="gj-aph-content">
        <div class="gj-aph-meta">
          <span class="gj-aph-badge">Événement</span>
          <span class="gj-aph-category">One Piece TCG</span>
        </div>
        <h1 class="gj-aph-title">
          AVANT-PREMIÈRE
          <span class="gj-aph-accent">ONE PIECE</span>
        </h1>
        <p class="gj-aph-excerpt">
          Format, déroulement et inscriptions, le guide complet des Avant-Premières One Piece Card Game régulièrement chez Game Jutsu.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_5uwp523 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_3w9k523 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_jhma456 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 02 - INFOS CLÉS
     Namespace : .gj-api-* (avant-premiere infos)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-api-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-api-page *,
.gj-api-page *::before,
.gj-api-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-api-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-api-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-api-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-api-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-api-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-api-title .gj-api-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-api-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-api-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-api-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-api-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-api-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-api-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-api-value {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.05;
  text-transform: uppercase;
}

.gj-api-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-api-bg { padding: 40px 0 20px 0; }
  .gj-api-wrapper { padding: 0 16px; }
  .gj-api-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-api-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-api-card { transition: none; }
  .gj-api-card:hover { transform: none; }
}
</style>

<div class="gj-api-page">
  <div class="gj-api-bg">
    <div class="gj-api-wrapper">

      <div class="gj-api-header">
        <div class="gj-api-eyebrow">Le rendez-vous</div>
        <h2 class="gj-api-title">
          INFOS
          <span class="gj-api-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-api-grid">
        <div class="gj-api-card">
          <div class="gj-api-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <div class="gj-api-label">Format</div>
          <div class="gj-api-value">Sealed</div>
        </div>

        <div class="gj-api-card">
          <div class="gj-api-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-api-label">Tarif</div>
          <div class="gj-api-value is-accent">25 — 30 €</div>
        </div>

        <div class="gj-api-card">
          <div class="gj-api-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <div class="gj-api-label">Places</div>
          <div class="gj-api-value">Limitées</div>
        </div>

        <div class="gj-api-card">
          <div class="gj-api-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-api-label">Lieu</div>
          <div class="gj-api-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_h1sr889 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_cgt6890 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_cax6240 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 03 - LE CONCEPT
     Namespace : .gj-apc-* (avant-premiere concept)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-apc-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-apc-page *,
.gj-apc-page *::before,
.gj-apc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-apc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-apc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-apc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-apc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-apc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-apc-title .gj-apc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-apc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-apc-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-apc-bg { padding: 20px 0 20px 0; }
  .gj-apc-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-apc-page">
  <div class="gj-apc-bg">
    <div class="gj-apc-wrapper">
      <div class="gj-apc-header">
        <div class="gj-apc-eyebrow">Concept</div>
        <h2 class="gj-apc-title">
          C&rsquo;EST QUOI UNE
          <span class="gj-apc-accent">AVANT-PREMIÈRE</span>
          ?
        </h2>
      </div>
      <p class="gj-apc-text">
        L&rsquo;Avant-Première One Piece, c&rsquo;est <strong>l&rsquo;occasion de découvrir les nouvelles cartes avant leur sortie officielle</strong>. Format sealed : on t&rsquo;offre un lot de boosters de la nouvelle extension, tu construis ton deck sur place, et tu affrontes les autres participants dans une ambiance découverte. C&rsquo;est le meilleur moyen de tester le nouveau meta, de repérer les cartes fortes de l&rsquo;extension, et de repartir avec des packs, une carte promo et une carte alt art exclusive à l&rsquo;événement.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_9pi9892 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_ibvz893 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_vayg375 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 05 - COMMENT ÇA SE PASSE
     Namespace : .gj-apm-* (avant-premiere marche)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-apm-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-apm-page *,
.gj-apm-page *::before,
.gj-apm-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-apm-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-apm-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-apm-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-apm-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-apm-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-apm-title .gj-apm-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-apm-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gj-apm-step {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 30px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-apm-step:hover {
  transform: translateX(4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-apm-num {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 24px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 18px rgba(228, 13, 20, 0.35);
  line-height: 1;
}

.gj-apm-step-content { flex: 1; }

.gj-apm-step-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-apm-step-text {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-apm-bg { padding: 20px 0 20px 0; }
  .gj-apm-wrapper { padding: 0 16px; }
}

@media (max-width: 480px) {
  .gj-apm-step {
    flex-direction: column;
    gap: 16px;
    padding: 24px 22px;
  }
  .gj-apm-num { width: 44px; height: 44px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-apm-step { transition: none; }
  .gj-apm-step:hover { transform: none; }
}
</style>

<div class="gj-apm-page">
  <div class="gj-apm-bg">
    <div class="gj-apm-wrapper">

      <div class="gj-apm-header">
        <div class="gj-apm-eyebrow">Comment ça se passe</div>
        <h2 class="gj-apm-title">
          UN ÉVÉNEMENT EN
          <span class="gj-apm-accent">4 TEMPS</span>
        </h2>
      </div>

      <div class="gj-apm-list">

        <div class="gj-apm-step">
          <div class="gj-apm-num">1</div>
          <div class="gj-apm-step-content">
            <h3 class="gj-apm-step-title">Accueil &amp; distribution des boosters</h3>
            <p class="gj-apm-step-text">On te remet ton kit de boosters de la nouvelle extension. Un briefing rapide t&rsquo;explique le format sealed et les règles spécifiques de l&rsquo;événement.</p>
          </div>
        </div>

        <div class="gj-apm-step">
          <div class="gj-apm-num">2</div>
          <div class="gj-apm-step-content">
            <h3 class="gj-apm-step-title">Construction du deck</h3>
            <p class="gj-apm-step-text">Tu ouvres tes boosters et tu construis ton deck sur place. Notre équipe est là pour te conseiller si tu débutes en sealed. Temps imparti : environ 30 minutes.</p>
          </div>
        </div>

        <div class="gj-apm-step">
          <div class="gj-apm-num">3</div>
          <div class="gj-apm-step-content">
            <h3 class="gj-apm-step-title">Rondes de matchs</h3>
            <p class="gj-apm-step-text">Selon le format choisi, tu enchaînes plusieurs rondes en BO1 ou BO3. Chaque victoire te rapproche du top et de la meilleure dotation.</p>
          </div>
        </div>

        <div class="gj-apm-step">
          <div class="gj-apm-num">4</div>
          <div class="gj-apm-step-content">
            <h3 class="gj-apm-step-title">Remise des lots</h3>
            <p class="gj-apm-step-text">À la fin des rondes, on remet les prix selon le classement final : boosters supplémentaires, carte alt-art exclusive et surprises pour les meilleures performances.</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_38nl320 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_zfw2320 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_bqzb833 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 06 - L'INVITATION
     Namespace : .gj-apv-* (avant-premiere invitation)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-apv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-apv-page *,
.gj-apv-page *::before,
.gj-apv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-apv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-apv-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-apv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-apv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-apv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-apv-title .gj-apv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-apv-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-apv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.gj-apv-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 16px;
  padding: 24px 22px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(39, 49, 84, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-apv-item:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 14px 30px rgba(228, 13, 20, 0.12);
}

.gj-apv-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(228, 13, 20, 0.1);
  color: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.gj-apv-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-apv-item-title {
  font-family: var(--font-title);
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0 0 6px 0;
  line-height: 1.05;
}

.gj-apv-item-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-apv-bg { padding: 20px 0 20px 0; }
  .gj-apv-wrapper { padding: 0 16px; }
  .gj-apv-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-apv-item { transition: none; }
  .gj-apv-item:hover { transform: none; }
}
</style>

<div class="gj-apv-page">
  <div class="gj-apv-bg">
    <div class="gj-apv-wrapper">

      <div class="gj-apv-header">
        <div class="gj-apv-eyebrow">L&rsquo;invitation</div>
        <h2 class="gj-apv-title">
          POUR
          <span class="gj-apv-accent">QUI ?</span>
        </h2>
        <p class="gj-apv-subtitle">Ouvert à tous, des débutants aux compétiteurs, aucun deck préconstruit requis.</p>
      </div>

      <div class="gj-apv-grid">

        <div class="gj-apv-item">
          <div class="gj-apv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
          </div>
          <h3 class="gj-apv-item-title">Les curieux</h3>
          <p class="gj-apv-item-text">Envie de tester One Piece TCG dans un cadre convivial ? Le format sealed est parfait pour se lancer sans investir dans un deck complet.</p>
        </div>

        <div class="gj-apv-item">
          <div class="gj-apv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <h3 class="gj-apv-item-title">Les habitués</h3>
          <p class="gj-apv-item-text">Joueur régulier de One Piece ? Viens découvrir la nouvelle extension avant tout le monde et repère les cartes qui feront le meta.</p>
        </div>

        <div class="gj-apv-item">
          <div class="gj-apv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/><path d="M18 2H6v7a6 6 0 0 0 12 0z"/></svg>
          </div>
          <h3 class="gj-apv-item-title">Les collectionneurs</h3>
          <p class="gj-apv-item-text">Tu veux mettre la main sur la carte alt-art exclusive et sur les promos de l&rsquo;événement ? Cette Avant-Première est faite pour toi.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_lj84593 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_i1my593 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_lkxv866 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 07 - LE KIT
     Namespace : .gj-apk-* (avant-premiere kit)
     - Ce que le joueur reçoit à l'inscription
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-apk-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-apk-page *,
.gj-apk-page *::before,
.gj-apk-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-apk-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-apk-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-apk-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-apk-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-apk-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-apk-title .gj-apk-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-apk-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-apk-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-apk-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 26px 22px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-apk-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-apk-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 16px rgba(228, 13, 20, 0.3);
}

.gj-apk-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-apk-item-title {
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-apk-item-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-apk-bg { padding: 20px 0 20px 0; }
  .gj-apk-wrapper { padding: 0 16px; }
  .gj-apk-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-apk-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-apk-item { transition: none; }
  .gj-apk-item:hover { transform: none; }
}
</style>

<div class="gj-apk-page">
  <div class="gj-apk-bg">
    <div class="gj-apk-wrapper">

      <div class="gj-apk-header">
        <div class="gj-apk-eyebrow">Le kit</div>
        <h2 class="gj-apk-title">
          CE QUE TU
          <span class="gj-apk-accent">REÇOIS</span>
        </h2>
        <p class="gj-apk-subtitle">Ton kit d&rsquo;inscription t&rsquo;attend en boutique le jour J, prêt à être ouvert.</p>
      </div>

      <div class="gj-apk-grid">

        <div class="gj-apk-item">
          <div class="gj-apk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M20.91 8.84 8.56 21.19a4.94 4.94 0 0 1-7-7l11.51-11.51a3.5 3.5 0 0 1 5 5L6.5 19.24a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
          </div>
          <h3 class="gj-apk-item-title">Boosters neufs</h3>
          <p class="gj-apk-item-text">Plusieurs boosters de la nouvelle extension pour construire ton deck sur place.</p>
        </div>

        <div class="gj-apk-item">
          <div class="gj-apk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><polygon points="12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2"/></svg>
          </div>
          <h3 class="gj-apk-item-title">Carte promo</h3>
          <p class="gj-apk-item-text">Une carte promo exclusive de l&rsquo;Avant-Première, uniquement distribuée pendant l&rsquo;événement.</p>
        </div>

        <div class="gj-apk-item">
          <div class="gj-apk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <h3 class="gj-apk-item-title">Deck holder</h3>
          <p class="gj-apk-item-text">Une pochette pour ranger et transporter ton deck construit sur place.</p>
        </div>

        <div class="gj-apk-item">
          <div class="gj-apk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M8 2v4M16 2v4M3 10h18"/><rect x="3" y="6" width="18" height="16" rx="2"/><path d="M9 16l2 2 4-4"/></svg>
          </div>
          <h3 class="gj-apk-item-title">Place à table</h3>
          <p class="gj-apk-item-text">Ta place assise pour la soirée, dans un espace de jeu dédié avec eau et snacks à disposition.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_fpha485 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_dolm485 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_9wql170 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE RIFTBOUND - MODULE 07 - AMBIANCE
     Namespace : .gj-rba-* (riftbound avant-premiere ambiance)
     - PageSpeed : dimensions explicites, loading=lazy, decoding=async

     ▶▶▶ REMPLACE LES 4 URLs DES PHOTOS PAR TES VRAIES IMAGES ◀◀◀
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rba-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rba-page *,
.gj-rba-page *::before,
.gj-rba-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rba-page img { max-width: 100%; height: auto; display: block; }

.gj-rba-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rba-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rba-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-rba-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rba-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rba-title .gj-rba-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rba-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-rba-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-rba-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-rba-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-rba-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-rba-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-rba-bg { padding: 20px 0 20px 0; }
  .gj-rba-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rba-photo,
  .gj-rba-photo img { transition: none; }
  .gj-rba-photo:hover { transform: none; }
  .gj-rba-photo:hover img { transform: none; }
}
</style>

<div class="gj-rba-page">
  <div class="gj-rba-bg">
    <div class="gj-rba-wrapper">

      <div class="gj-rba-header">
        <div class="gj-rba-eyebrow">Ambiance</div>
        <h2 class="gj-rba-title">
          NOS DERNIÈRES
          <span class="gj-rba-accent">ÉDITIONS</span>
        </h2>
        <p class="gj-rba-subtitle">Quelques moments des dernières Avant-Premières One Piece à la boutique.</p>
      </div>

      <div class="gj-rba-grid">

        <!-- ▶▶▶ REMPLACE LES URLs CI-DESSOUS ◀◀◀ -->
        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/8C1CB22E-1189-4515-9C29-ED4298438B0C.jpeg"
            alt="Avant-Première Riftbound 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/71AA32E4-8BBC-4E45-A0D0-FD7B3B5A7917.jpeg"
            alt="Avant-Première Riftbound 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/80B7B869-45B0-4601-B901-1BDCFA4AE93D.jpeg"
            alt="Avant-Première Riftbound 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/0E89273C-F496-4D55-8A84-9D00FF5E5FF1.jpeg"
            alt="Avant-Première Riftbound 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_3oge940 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_sdh0940 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_5iqv687 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 09 - INSCRIPTION
     Namespace : .gj-apn-* (avant-premiere inscription)
     - CTA final vers Bandai TCG+
     - Gradient fallback (plus de PNG background 404)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-apn-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-light: #313d68;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-apn-page *,
.gj-apn-page *::before,
.gj-apn-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-apn-page a { text-decoration: none; color: inherit; }

.gj-apn-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-apn-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============ CTA MARINE (image de fond + overlay pour lisibilité) ============ */
.gj-apn-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background: linear-gradient(135deg, var(--gj-marine-dark) 0%, var(--gj-marine) 50%, var(--gj-marine-light) 100%);
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

/* Image de fond placeholder — remplaçable via l'URL de la balise <img> plus bas */
.gj-apn-cta-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  display: block;
}

/* Overlay marine dégradé pour garder les textes lisibles par-dessus l'image */
.gj-apn-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(28, 37, 65, 0.85) 0%, rgba(39, 49, 84, 0.75) 50%, rgba(49, 61, 104, 0.7) 100%);
  pointer-events: none;
  z-index: 1;
}

.gj-apn-cta > *:not(.gj-apn-cta-bg) { position: relative; z-index: 2; }

.gj-apn-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-apn-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-apn-title .gj-apn-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-apn-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0 auto 28px auto;
  max-width: 560px;
}

.gj-apn-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-bottom: 32px;
}

.gj-apn-step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gj-apn-step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
}

.gj-apn-step-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gj-cream);
}

.gj-apn-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gj-red);
  color: #ffffff;
  padding: 17px 38px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
}

.gj-apn-btn:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-apn-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-apn-btn:hover svg { transform: translateX(4px); }

.gj-apn-warning {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(240, 238, 233, 0.08);
  border: 1px solid rgba(240, 238, 233, 0.2);
  font-family: var(--font-body);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: rgba(240, 238, 233, 0.85);
}

.gj-apn-warning svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: var(--gj-red);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.gj-apn-footnote {
  text-align: center;
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--gj-gray);
  letter-spacing: 0.3px;
  max-width: 720px;
  margin: 40px auto 0 auto;
  padding-top: 28px;
  border-top: 1px solid var(--gj-cream-dark);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .gj-apn-bg { padding: 20px 0 40px 0; }
  .gj-apn-wrapper { padding: 0 16px; }
  .gj-apn-cta { padding: 50px 28px; }
  .gj-apn-steps { flex-direction: column; align-items: center; gap: 14px; }
}

@media (max-width: 480px) {
  .gj-apn-cta { padding: 40px 22px; }
  .gj-apn-btn { padding: 15px 28px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-apn-btn { transition: none; }
  .gj-apn-btn:hover { transform: none; }
  .gj-apn-btn:hover svg { transform: none; }
}
</style>

<div class="gj-apn-page">
  <div class="gj-apn-bg">
    <div class="gj-apn-wrapper">

      <section class="gj-apn-cta">
        <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DE FOND SOUHAITÉE ◀◀◀ -->
        <img class="gj-apn-cta-bg"
             src="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
             alt=""
             aria-hidden="true"
             loading="lazy" decoding="async">

        <div class="gj-apn-eyebrow">Inscription</div>
        <h2 class="gj-apn-title">
          RÉSERVE TA
          <span class="gj-apn-accent">PLACE</span>
        </h2>
        <p class="gj-apn-text">
          Les places sont limitées et partent très vite avant chaque Avant-Première. Inscris-toi en ligne pour être sûr d&rsquo;avoir la tienne.
        </p>

        <div class="gj-apn-steps">
          <div class="gj-apn-step">
            <div class="gj-apn-step-num">1</div>
            <div class="gj-apn-step-text">Inscris-toi sur Bandai TCG+</div>
          </div>
          <div class="gj-apn-step">
            <div class="gj-apn-step-num">2</div>
            <div class="gj-apn-step-text">Viens régler en boutique</div>
          </div>
          <div class="gj-apn-step">
            <div class="gj-apn-step-num">3</div>
            <div class="gj-apn-step-text">Rendez-vous le jour J !</div>
          </div>
        </div>

        <a href="https://www.bandai-tcg-plus.com/event?organizer_id=19151&#038;organizer_name=Pyxidice" target="_blank" rel="noopener" class="gj-apn-btn">
          S&rsquo;inscrire maintenant
          <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>

        <div class="gj-apn-warning">
          <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
          Places limitées, inscription en ligne conseillée
        </div>
      </section>

      <p class="gj-apn-footnote">
        © 2026 Game Jutsu — Avant-Première One Piece Card Game ouverte à tous les joueurs. Format et dotation confirmés en boutique et sur nos réseaux avant chaque événement.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2026/06/28/avant-premiere-one-piece/">Avant Première One Piece</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Avant-Première Riftbound</title>
		<link>https://game-jutsu.fr/2026/05/23/avant-premiere-riftbound/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Sat, 23 May 2026 16:13:03 +0000</pubDate>
				<category><![CDATA[AP Riftbound]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/2026/05/23/avant-premiere-chaos-ascendant-copy/</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2026/05/23/avant-premiere-riftbound/">Avant-Première Riftbound</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<!--themify_builder_content-->
<div id="themify_builder_content-2163" data-postid="2163" class="themify_builder_content themify_builder_content-2163 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_g38w600 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_re54006 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_66b8690 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE RIFTBOUND - MODULE 01 - HERO
     Namespace : .gj-rbh-* (riftbound avant-premiere hero)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     - Une seule requête Google Fonts (Anton + DM Sans)
     - Zéro référence à Lost in South (économie 18.55 KB font)
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rbh-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rbh-page *,
.gj-rbh-page *::before,
.gj-rbh-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rbh-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-rbh-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-rbh-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-rbh-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-rbh-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-rbh-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-rbh-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-rbh-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-rbh-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-rbh-title .gj-rbh-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rbh-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-rbh-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp');
  }
}

@media (max-width: 900px) {
  .gj-rbh-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-rbh-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-rbh-page">
  <div class="gj-rbh-bg">
    <section class="gj-rbh-hero" aria-label="En-tête de l'avant-première Riftbound">
      <div class="gj-rbh-content">
        <div class="gj-rbh-meta">
          <span class="gj-rbh-badge">Événement</span>
          <span class="gj-rbh-category">Riftbound TCG</span>
        </div>
        <h1 class="gj-rbh-title">
          AVANT-PREMIÈRE
          <span class="gj-rbh-accent">RIFTBOUND</span>
        </h1>
        <p class="gj-rbh-excerpt">
          Inscriptions, lots, contenu du kit, format sealed et déroulement, le guide complet des Avant-Premières Riftbound TCG à Game Jutsu.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_73ct388 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_x3ew388 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_db0021 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE RIFTBOUND - MODULE 02 - INFOS CLÉS
     Namespace : .gj-rbi-* (riftbound avant-premiere infos)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rbi-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rbi-page *,
.gj-rbi-page *::before,
.gj-rbi-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rbi-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-rbi-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rbi-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-rbi-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rbi-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rbi-title .gj-rbi-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rbi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-rbi-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-rbi-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-rbi-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-rbi-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-rbi-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-rbi-value {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.05;
  text-transform: uppercase;
}

.gj-rbi-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-rbi-bg { padding: 40px 0 20px 0; }
  .gj-rbi-wrapper { padding: 0 16px; }
  .gj-rbi-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-rbi-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rbi-card { transition: none; }
  .gj-rbi-card:hover { transform: none; }
}
</style>

<div class="gj-rbi-page">
  <div class="gj-rbi-bg">
    <div class="gj-rbi-wrapper">

      <div class="gj-rbi-header">
        <div class="gj-rbi-eyebrow">Le rendez-vous</div>
        <h2 class="gj-rbi-title">
          INFOS
          <span class="gj-rbi-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-rbi-grid">
        <div class="gj-rbi-card">
          <div class="gj-rbi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <div class="gj-rbi-label">Format</div>
          <div class="gj-rbi-value">Sealed</div>
        </div>

        <div class="gj-rbi-card">
          <div class="gj-rbi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-rbi-label">Tarif</div>
          <div class="gj-rbi-value is-accent">25 — 30 €</div>
        </div>

        <div class="gj-rbi-card">
          <div class="gj-rbi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <div class="gj-rbi-label">Places</div>
          <div class="gj-rbi-value">Limitées</div>
        </div>

        <div class="gj-rbi-card">
          <div class="gj-rbi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-rbi-label">Lieu</div>
          <div class="gj-rbi-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_zi86668 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_dimm668 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_qdon434 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE RIFTBOUND - MODULE 03 - CONCEPT
     Namespace : .gj-rbc-* (riftbound avant-premiere concept)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rbc-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rbc-page *,
.gj-rbc-page *::before,
.gj-rbc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rbc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rbc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rbc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-rbc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rbc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rbc-title .gj-rbc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rbc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-rbc-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-rbc-bg { padding: 20px 0 20px 0; }
  .gj-rbc-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-rbc-page">
  <div class="gj-rbc-bg">
    <div class="gj-rbc-wrapper">
      <div class="gj-rbc-header">
        <div class="gj-rbc-eyebrow">Concept</div>
        <h2 class="gj-rbc-title">
          C&rsquo;EST QUOI UNE
          <span class="gj-rbc-accent">AVANT-PREMIÈRE</span>
          ?
        </h2>
      </div>
      <p class="gj-rbc-text">
        L&rsquo;Avant-Première Riftbound, c&rsquo;est <strong>l&rsquo;événement pour découvrir les nouvelles cartes avant leur sortie officielle</strong>. Format sealed : on te remet un lot de boosters de la nouvelle extension, tu construis ton deck sur place, et tu affrontes les autres participants dans une ambiance découverte. C&rsquo;est le meilleur moyen de tester le nouveau meta League of Legends TCG, de repérer les cartes qui feront la différence, et de repartir avec des packs et une carte alt-art exclusive à l&rsquo;événement.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_tbrx560 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_hr3s561 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_ic2l264 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE RIFTBOUND - MODULE 05 - COMMENT ÇA SE PASSE
     Namespace : .gj-rbm-* (riftbound avant-premiere marche)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rbm-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rbm-page *,
.gj-rbm-page *::before,
.gj-rbm-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rbm-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rbm-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rbm-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-rbm-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rbm-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rbm-title .gj-rbm-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rbm-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gj-rbm-step {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 30px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-rbm-step:hover {
  transform: translateX(4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-rbm-num {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 24px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 18px rgba(228, 13, 20, 0.35);
  line-height: 1;
}

.gj-rbm-step-content { flex: 1; }

.gj-rbm-step-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-rbm-step-text {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-rbm-bg { padding: 20px 0 20px 0; }
  .gj-rbm-wrapper { padding: 0 16px; }
}

@media (max-width: 480px) {
  .gj-rbm-step {
    flex-direction: column;
    gap: 16px;
    padding: 24px 22px;
  }
  .gj-rbm-num { width: 44px; height: 44px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rbm-step { transition: none; }
  .gj-rbm-step:hover { transform: none; }
}
</style>

<div class="gj-rbm-page">
  <div class="gj-rbm-bg">
    <div class="gj-rbm-wrapper">

      <div class="gj-rbm-header">
        <div class="gj-rbm-eyebrow">Comment ça se passe</div>
        <h2 class="gj-rbm-title">
          UN ÉVÉNEMENT EN
          <span class="gj-rbm-accent">4 TEMPS</span>
        </h2>
      </div>

      <div class="gj-rbm-list">

        <div class="gj-rbm-step">
          <div class="gj-rbm-num">1</div>
          <div class="gj-rbm-step-content">
            <h3 class="gj-rbm-step-title">Accueil &amp; distribution des boosters</h3>
            <p class="gj-rbm-step-text">On te remet ton kit de boosters de la nouvelle extension Riftbound. Un briefing rapide t&rsquo;explique le format sealed et les règles spécifiques de l&rsquo;événement.</p>
          </div>
        </div>

        <div class="gj-rbm-step">
          <div class="gj-rbm-num">2</div>
          <div class="gj-rbm-step-content">
            <h3 class="gj-rbm-step-title">Construction du deck</h3>
            <p class="gj-rbm-step-text">Tu ouvres tes boosters et tu construis ton deck sur place. Notre équipe est là pour te conseiller si tu débutes en sealed. Temps imparti : environ 30 minutes.</p>
          </div>
        </div>

        <div class="gj-rbm-step">
          <div class="gj-rbm-num">3</div>
          <div class="gj-rbm-step-content">
            <h3 class="gj-rbm-step-title">Rondes de matchs</h3>
            <p class="gj-rbm-step-text">Selon le format choisi, tu enchaînes plusieurs rondes en BO1 ou BO3. Chaque victoire te rapproche du top et de la meilleure dotation.</p>
          </div>
        </div>

        <div class="gj-rbm-step">
          <div class="gj-rbm-num">4</div>
          <div class="gj-rbm-step-content">
            <h3 class="gj-rbm-step-title">Remise des lots</h3>
            <p class="gj-rbm-step-text">À la fin des rondes, on remet les prix selon le classement final : boosters supplémentaires, carte alt-art exclusive et surprises pour les meilleures performances.</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_nnqw728 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_lddh729 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_y0sc840 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE RIFTBOUND - MODULE 06 - L'INVITATION
     Namespace : .gj-rbv-* (riftbound avant-premiere invitation)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rbv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rbv-page *,
.gj-rbv-page *::before,
.gj-rbv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rbv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rbv-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rbv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-rbv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rbv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rbv-title .gj-rbv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rbv-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-rbv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.gj-rbv-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 16px;
  padding: 24px 22px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(39, 49, 84, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-rbv-item:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 14px 30px rgba(228, 13, 20, 0.12);
}

.gj-rbv-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(228, 13, 20, 0.1);
  color: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.gj-rbv-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-rbv-item-title {
  font-family: var(--font-title);
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0 0 6px 0;
  line-height: 1.05;
}

.gj-rbv-item-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-rbv-bg { padding: 20px 0 20px 0; }
  .gj-rbv-wrapper { padding: 0 16px; }
  .gj-rbv-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rbv-item { transition: none; }
  .gj-rbv-item:hover { transform: none; }
}
</style>

<div class="gj-rbv-page">
  <div class="gj-rbv-bg">
    <div class="gj-rbv-wrapper">

      <div class="gj-rbv-header">
        <div class="gj-rbv-eyebrow">L&rsquo;invitation</div>
        <h2 class="gj-rbv-title">
          POUR
          <span class="gj-rbv-accent">QUI ?</span>
        </h2>
        <p class="gj-rbv-subtitle">Ouvert à tous, des fans de League of Legends aux compétiteurs TCG, aucun deck préconstruit requis.</p>
      </div>

      <div class="gj-rbv-grid">

        <div class="gj-rbv-item">
          <div class="gj-rbv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
          </div>
          <h3 class="gj-rbv-item-title">Les fans de LoL</h3>
          <p class="gj-rbv-item-text">Tu joues à League of Legends et tu veux découvrir son TCG officiel ? Le format sealed est parfait pour se lancer sans investir.</p>
        </div>

        <div class="gj-rbv-item">
          <div class="gj-rbv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <h3 class="gj-rbv-item-title">Les habitués</h3>
          <p class="gj-rbv-item-text">Joueur régulier Riftbound ? Viens découvrir la nouvelle extension avant tout le monde et repère les cartes qui feront le meta.</p>
        </div>

        <div class="gj-rbv-item">
          <div class="gj-rbv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/><path d="M18 2H6v7a6 6 0 0 0 12 0z"/></svg>
          </div>
          <h3 class="gj-rbv-item-title">Les collectionneurs</h3>
          <p class="gj-rbv-item-text">Tu veux mettre la main sur la carte alt-art exclusive et sur les promos de l&rsquo;événement ? Cette Avant-Première est faite pour toi.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_bfzh10 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_m2o810 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_ujgb410 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 06 - LE KIT
     Namespace : .gj-pkk-* (pokemon avant-premiere kit)
     - Contenu officiel du Build & Play kit Pokémon
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pkk-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pkk-page *,
.gj-pkk-page *::before,
.gj-pkk-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pkk-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-pkk-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-pkk-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-pkk-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-pkk-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-pkk-title .gj-pkk-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pkk-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-pkk-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-pkk-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 26px 22px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-pkk-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-pkk-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 16px rgba(228, 13, 20, 0.3);
}

.gj-pkk-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-pkk-qty {
  font-family: var(--font-title);
  font-size: 28px;
  color: var(--gj-red);
  line-height: 1.02;
  margin-bottom: 4px;
}

.gj-pkk-item-title {
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-pkk-item-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-pkk-bg { padding: 20px 0 20px 0; }
  .gj-pkk-wrapper { padding: 0 16px; }
  .gj-pkk-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-pkk-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-pkk-item { transition: none; }
  .gj-pkk-item:hover { transform: none; }
}
</style>

<div class="gj-pkk-page">
  <div class="gj-pkk-bg">
    <div class="gj-pkk-wrapper">

      <div class="gj-pkk-header">
        <div class="gj-pkk-eyebrow">Le kit</div>
        <h2 class="gj-pkk-title">
          CE QUE TU
          <span class="gj-pkk-accent">REÇOIS</span>
        </h2>
        <p class="gj-pkk-subtitle">Le Build &amp; Play officiel Riftttbound, tout ce qu&rsquo;il te faut pour construire ton deck et jouer.</p>
      </div>

      <div class="gj-pkk-grid">

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <div class="gj-pkk-qty">7×</div>
          <h3 class="gj-pkk-item-title">Boosters</h3>
          <p class="gj-pkk-item-text">Quatre boosters neufs de la nouvelle extension à ouvrir sur place puis trois boosters à la fin de l&rsquo;événement.</p>
        </div>

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><polygon points="12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2"/></svg>
          </div>
          <div class="gj-pkk-qty">1×</div>
          <h3 class="gj-pkk-item-title">Carte promo</h3>
          <p class="gj-pkk-item-text">Une carte foil exclusive Avant-Première, distribuée uniquement pendant l&rsquo;événement.</p>
        </div>

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
          </div>
          <div class="gj-pkk-qty">22</div>
          <h3 class="gj-pkk-item-title">Énergies</h3>
          <p class="gj-pkk-item-text">Un carnet d&rsquo;énergies de base pour compléter ton deck de 40 cartes.</p>
        </div>

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><line x1="10" y1="9" x2="8" y2="9"/></svg>
          </div>
          <div class="gj-pkk-qty">1×</div>
          <h3 class="gj-pkk-item-title">Guide</h3>
          <p class="gj-pkk-item-text">Une aide de deckbuilding pour te guider dans la construction de ton deck.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_coxn844 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_svhp844 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_um2g183 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE RIFTBOUND - MODULE 07 - AMBIANCE
     Namespace : .gj-rba-* (riftbound avant-premiere ambiance)
     - PageSpeed : dimensions explicites, loading=lazy, decoding=async

     ▶▶▶ REMPLACE LES 4 URLs DES PHOTOS PAR TES VRAIES IMAGES ◀◀◀
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-rba-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-rba-page *,
.gj-rba-page *::before,
.gj-rba-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-rba-page img { max-width: 100%; height: auto; display: block; }

.gj-rba-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-rba-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-rba-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-rba-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-rba-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-rba-title .gj-rba-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-rba-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-rba-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-rba-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-rba-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-rba-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-rba-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-rba-bg { padding: 20px 0 20px 0; }
  .gj-rba-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-rba-photo,
  .gj-rba-photo img { transition: none; }
  .gj-rba-photo:hover { transform: none; }
  .gj-rba-photo:hover img { transform: none; }
}
</style>

<div class="gj-rba-page">
  <div class="gj-rba-bg">
    <div class="gj-rba-wrapper">

      <div class="gj-rba-header">
        <div class="gj-rba-eyebrow">Ambiance</div>
        <h2 class="gj-rba-title">
          NOS DERNIÈRES
          <span class="gj-rba-accent">ÉDITIONS</span>
        </h2>
        <p class="gj-rba-subtitle">Quelques moments des dernières Avant-Premières Riftbound à la boutique.</p>
      </div>

      <div class="gj-rba-grid">

        <!-- ▶▶▶ REMPLACE LES URLs CI-DESSOUS ◀◀◀ -->
        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/802774BA-B671-432E-8A56-C497FA423288.jpeg"
            alt="Avant-Première Riftbound 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/3F803C38-2BFF-4C55-8535-25B5784AE65D-1.jpeg"
            alt="Avant-Première Riftbound 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/0341AF86-1A2A-4267-B046-ACF6C8B287D6-1.jpeg"
            alt="Avant-Première Riftbound 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-rba-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/07/F4E4AE63-10E7-40E5-A564-52FB7396CD5D-1.jpeg"
            alt="Avant-Première Riftbound 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_9w1e561 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_thlm561 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_w91e873 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE OP - MODULE 09 - INSCRIPTION
     Namespace : .gj-apn-* (avant-premiere inscription)
     - CTA final vers Bandai TCG+
     - Gradient fallback (plus de PNG background 404)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-apn-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-light: #313d68;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-apn-page *,
.gj-apn-page *::before,
.gj-apn-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-apn-page a { text-decoration: none; color: inherit; }

.gj-apn-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-apn-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============ CTA MARINE (image de fond + overlay pour lisibilité) ============ */
.gj-apn-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background: linear-gradient(135deg, var(--gj-marine-dark) 0%, var(--gj-marine) 50%, var(--gj-marine-light) 100%);
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

/* Image de fond placeholder — remplaçable via l'URL de la balise <img> plus bas */
.gj-apn-cta-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  display: block;
}

/* Overlay marine dégradé pour garder les textes lisibles par-dessus l'image */
.gj-apn-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(28, 37, 65, 0.85) 0%, rgba(39, 49, 84, 0.75) 50%, rgba(49, 61, 104, 0.7) 100%);
  pointer-events: none;
  z-index: 1;
}

.gj-apn-cta > *:not(.gj-apn-cta-bg) { position: relative; z-index: 2; }

.gj-apn-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-apn-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-apn-title .gj-apn-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-apn-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0 auto 28px auto;
  max-width: 560px;
}

.gj-apn-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-bottom: 32px;
}

.gj-apn-step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gj-apn-step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
}

.gj-apn-step-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gj-cream);
}

.gj-apn-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gj-red);
  color: #ffffff;
  padding: 17px 38px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
}

.gj-apn-btn:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-apn-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-apn-btn:hover svg { transform: translateX(4px); }

.gj-apn-warning {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(240, 238, 233, 0.08);
  border: 1px solid rgba(240, 238, 233, 0.2);
  font-family: var(--font-body);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: rgba(240, 238, 233, 0.85);
}

.gj-apn-warning svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: var(--gj-red);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.gj-apn-footnote {
  text-align: center;
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--gj-gray);
  letter-spacing: 0.3px;
  max-width: 720px;
  margin: 40px auto 0 auto;
  padding-top: 28px;
  border-top: 1px solid var(--gj-cream-dark);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .gj-apn-bg { padding: 20px 0 40px 0; }
  .gj-apn-wrapper { padding: 0 16px; }
  .gj-apn-cta { padding: 50px 28px; }
  .gj-apn-steps { flex-direction: column; align-items: center; gap: 14px; }
}

@media (max-width: 480px) {
  .gj-apn-cta { padding: 40px 22px; }
  .gj-apn-btn { padding: 15px 28px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-apn-btn { transition: none; }
  .gj-apn-btn:hover { transform: none; }
  .gj-apn-btn:hover svg { transform: none; }
}
</style>

<div class="gj-apn-page">
  <div class="gj-apn-bg">
    <div class="gj-apn-wrapper">

      <section class="gj-apn-cta">
        <!-- ▶▶▶ REMPLACE L'URL CI-DESSOUS PAR L'IMAGE DE FOND SOUHAITÉE ◀◀◀ -->
        <img class="gj-apn-cta-bg"
             src="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
             alt=""
             aria-hidden="true"
             loading="lazy" decoding="async">

        <div class="gj-apn-eyebrow">Inscription</div>
        <h2 class="gj-apn-title">
          RÉSERVE TA
          <span class="gj-apn-accent">PLACE</span>
        </h2>
        <p class="gj-apn-text">
          Les places sont limitées et partent très vite avant chaque Avant-Première. Inscris-toi en ligne pour être sûr d&rsquo;avoir la tienne.
        </p>

        <div class="gj-apn-steps">
          <div class="gj-apn-step">
            <div class="gj-apn-step-num">1</div>
            <div class="gj-apn-step-text">Inscris-toi sur Riot Games</div>
          </div>
          <div class="gj-apn-step">
            <div class="gj-apn-step-num">2</div>
            <div class="gj-apn-step-text">Viens régler en boutique</div>
          </div>
          <div class="gj-apn-step">
            <div class="gj-apn-step-num">3</div>
            <div class="gj-apn-step-text">Rendez-vous le jour J !</div>
          </div>
        </div>

        <a href="https://locator.riftbound.uvsgames.com/stores/c4eedc8d-38bc-4d71-8dc7-7b16dfbd4c9e" target="_blank" rel="noopener" class="gj-apn-btn">
          S&rsquo;inscrire maintenant
          <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>

        <div class="gj-apn-warning">
          <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
          Places limitées, inscription en ligne conseillée
        </div>
      </section>

      <p class="gj-apn-footnote">
        © 2026 Game Jutsu — Avant-Première One Piece Card Game ouverte à tous les joueurs. Format et dotation confirmés en boutique et sur nos réseaux avant chaque événement.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2026/05/23/avant-premiere-riftbound/">Avant-Première Riftbound</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Avant-Première Pokémon</title>
		<link>https://game-jutsu.fr/2025/10/08/avant-premiere-pokemon/</link>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Wed, 08 Oct 2025 20:10:40 +0000</pubDate>
				<category><![CDATA[AP Pokémon]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=421</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2025/10/08/avant-premiere-pokemon/">Avant-Première Pokémon</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<!--themify_builder_content-->
<div id="themify_builder_content-421" data-postid="421" class="themify_builder_content themify_builder_content-421 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_aiqj13 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_79gk13 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_lhiu420 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 01 - HERO
     Namespace : .gj-pkh-* (pokemon avant-premiere hero)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     - Zéro référence à Lost in South
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pkh-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pkh-page *,
.gj-pkh-page *::before,
.gj-pkh-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pkh-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-pkh-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-pkh-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-pkh-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-pkh-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-pkh-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-pkh-category {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-pkh-category::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-pkh-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 64px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-pkh-title .gj-pkh-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pkh-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-pkh-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp');
  }
}

@media (max-width: 900px) {
  .gj-pkh-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-pkh-hero {
    padding: 95px 22px 60px 22px;
    min-height: 390px;
  }
}
</style>

<div class="gj-pkh-page">
  <div class="gj-pkh-bg">
    <section class="gj-pkh-hero" aria-label="En-tête de l'avant-première Pokémon">
      <div class="gj-pkh-content">
        <div class="gj-pkh-meta">
          <span class="gj-pkh-badge">Événement</span>
          <span class="gj-pkh-category">Pokémon TCG</span>
        </div>
        <h1 class="gj-pkh-title">
          AVANT-PREMIÈRE
          <span class="gj-pkh-accent">POKÉMON</span>
        </h1>
        <p class="gj-pkh-excerpt">
          Format, déroulement et inscriptions, le guide complet des Avant-Premières Pokémon TCG à Game Jutsu.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_per0111 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_9ap8111 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_nwmz688 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 02 - INFOS CLÉS
     Namespace : .gj-pki-* (pokemon avant-premiere infos)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pki-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pki-page *,
.gj-pki-page *::before,
.gj-pki-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pki-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-pki-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-pki-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-pki-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-pki-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-pki-title .gj-pki-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pki-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-pki-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-pki-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-pki-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-pki-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-pki-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-pki-value {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.05;
  text-transform: uppercase;
}

.gj-pki-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-pki-bg { padding: 40px 0 20px 0; }
  .gj-pki-wrapper { padding: 0 16px; }
  .gj-pki-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-pki-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-pki-card { transition: none; }
  .gj-pki-card:hover { transform: none; }
}
</style>

<div class="gj-pki-page">
  <div class="gj-pki-bg">
    <div class="gj-pki-wrapper">

      <div class="gj-pki-header">
        <div class="gj-pki-eyebrow">Le rendez-vous</div>
        <h2 class="gj-pki-title">
          INFOS
          <span class="gj-pki-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-pki-grid">
        <div class="gj-pki-card">
          <div class="gj-pki-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <div class="gj-pki-label">Format</div>
          <div class="gj-pki-value">Build &amp; Play</div>
        </div>

        <div class="gj-pki-card">
          <div class="gj-pki-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
          </div>
          <div class="gj-pki-label">Tarif</div>
          <div class="gj-pki-value is-accent">25 — 30 €</div>
        </div>

        <div class="gj-pki-card">
          <div class="gj-pki-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <div class="gj-pki-label">Public</div>
          <div class="gj-pki-value">Dès 6 ans</div>
        </div>

        <div class="gj-pki-card">
          <div class="gj-pki-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-pki-label">Lieu</div>
          <div class="gj-pki-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_y2zw906 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_5plf906 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_bka6886 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 03 - CONCEPT
     Namespace : .gj-pkc-* (pokemon avant-premiere concept)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pkc-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pkc-page *,
.gj-pkc-page *::before,
.gj-pkc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pkc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-pkc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-pkc-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-pkc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-pkc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-pkc-title .gj-pkc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pkc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-pkc-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

@media (max-width: 900px) {
  .gj-pkc-bg { padding: 20px 0 20px 0; }
  .gj-pkc-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-pkc-page">
  <div class="gj-pkc-bg">
    <div class="gj-pkc-wrapper">
      <div class="gj-pkc-header">
        <div class="gj-pkc-eyebrow">Concept</div>
        <h2 class="gj-pkc-title">
          C&rsquo;EST QUOI UNE
          <span class="gj-pkc-accent">AVANT-PREMIÈRE</span>
          ?
        </h2>
      </div>
      <p class="gj-pkc-text">
        L&rsquo;Avant-Première Pokémon, c&rsquo;est <strong>l&rsquo;événement officiel Pokémon TCG</strong> pour découvrir la nouvelle extension avant sa sortie mondiale. Format Build &amp; Play : tu reçois un kit avec 4 boosters neufs, une carte promo exclusive et un carnet d&rsquo;énergies, tu construis ton deck de 40 cartes sur place, et tu affrontes les autres dresseurs dans une ambiance conviviale. Événement <strong>ouvert à toute la famille</strong>, du plus jeune au plus expérimenté, avec plusieurs créneaux dans le week-end pour t&rsquo;arranger.
      </p>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_9ohb238 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_me3b238 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_b8si289 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 04 - COMMENT ÇA SE PASSE
     Namespace : .gj-pkm-* (pokemon avant-premiere marche)
     - 4 étapes du process
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pkm-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pkm-page *,
.gj-pkm-page *::before,
.gj-pkm-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pkm-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-pkm-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-pkm-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-pkm-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-pkm-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-pkm-title .gj-pkm-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pkm-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.gj-pkm-step {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 30px;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-pkm-step:hover {
  transform: translateX(4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-pkm-num {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 24px;
  letter-spacing: 0.5px;
  box-shadow: 0 8px 18px rgba(228, 13, 20, 0.35);
  line-height: 1;
}

.gj-pkm-step-content { flex: 1; }

.gj-pkm-step-title {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-pkm-step-text {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-pkm-bg { padding: 20px 0 20px 0; }
  .gj-pkm-wrapper { padding: 0 16px; }
}

@media (max-width: 480px) {
  .gj-pkm-step {
    flex-direction: column;
    gap: 16px;
    padding: 24px 22px;
  }
  .gj-pkm-num { width: 44px; height: 44px; font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-pkm-step { transition: none; }
  .gj-pkm-step:hover { transform: none; }
}
</style>

<div class="gj-pkm-page">
  <div class="gj-pkm-bg">
    <div class="gj-pkm-wrapper">

      <div class="gj-pkm-header">
        <div class="gj-pkm-eyebrow">Comment ça se passe</div>
        <h2 class="gj-pkm-title">
          UN ÉVÉNEMENT EN
          <span class="gj-pkm-accent">4 TEMPS</span>
        </h2>
      </div>

      <div class="gj-pkm-list">

        <div class="gj-pkm-step">
          <div class="gj-pkm-num">1</div>
          <div class="gj-pkm-step-content">
            <h3 class="gj-pkm-step-title">Choix du créneau</h3>
            <p class="gj-pkm-step-text">On propose plusieurs créneaux dans le week-end de l&rsquo;Avant-Première pour t&rsquo;arranger. Sélectionne celui qui te convient à l&rsquo;inscription, tu recevras la confirmation avec l&rsquo;horaire précis.</p>
          </div>
        </div>

        <div class="gj-pkm-step">
          <div class="gj-pkm-num">2</div>
          <div class="gj-pkm-step-content">
            <h3 class="gj-pkm-step-title">Réception du kit</h3>
            <p class="gj-pkm-step-text">Sur place, on te remet ton kit Build &amp; Play officiel Pokémon : 4 boosters neufs de la nouvelle extension, une carte promo exclusive et un carnet d&rsquo;énergies. Un briefing rapide t&rsquo;explique les règles du sealed.</p>
          </div>
        </div>

        <div class="gj-pkm-step">
          <div class="gj-pkm-num">3</div>
          <div class="gj-pkm-step-content">
            <h3 class="gj-pkm-step-title">Construction &amp; matchs</h3>
            <p class="gj-pkm-step-text">Tu ouvres tes boosters et tu construis un deck de 40 cartes. Ensuite, plusieurs rondes en BO1 t&rsquo;attendent : environ 3 à 4 matchs selon le nombre de participants du créneau.</p>
          </div>
        </div>

        <div class="gj-pkm-step">
          <div class="gj-pkm-num">4</div>
          <div class="gj-pkm-step-content">
            <h3 class="gj-pkm-step-title">Remise des prix</h3>
            <p class="gj-pkm-step-text">À la fin des rondes, on remet les boosters supplémentaires selon le classement. Tout le monde repart avec quelque chose et son deck construit à emporter.</p>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_7d96149 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_r2vi149 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_eipk275 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 05 - L'INVITATION
     Namespace : .gj-pkv-* (pokemon avant-premiere invitation)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pkv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pkv-page *,
.gj-pkv-page *::before,
.gj-pkv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pkv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-pkv-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-pkv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-pkv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-pkv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-pkv-title .gj-pkv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pkv-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-pkv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.gj-pkv-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 16px;
  padding: 24px 22px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(39, 49, 84, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-pkv-item:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 14px 30px rgba(228, 13, 20, 0.12);
}

.gj-pkv-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(228, 13, 20, 0.1);
  color: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.gj-pkv-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-pkv-item-title {
  font-family: var(--font-title);
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0 0 6px 0;
  line-height: 1.05;
}

.gj-pkv-item-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-pkv-bg { padding: 20px 0 20px 0; }
  .gj-pkv-wrapper { padding: 0 16px; }
  .gj-pkv-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-pkv-item { transition: none; }
  .gj-pkv-item:hover { transform: none; }
}
</style>

<div class="gj-pkv-page">
  <div class="gj-pkv-bg">
    <div class="gj-pkv-wrapper">

      <div class="gj-pkv-header">
        <div class="gj-pkv-eyebrow">L&rsquo;invitation</div>
        <h2 class="gj-pkv-title">
          POUR
          <span class="gj-pkv-accent">QUI ?</span>
        </h2>
        <p class="gj-pkv-subtitle">L&rsquo;Avant-Première Pokémon, c&rsquo;est l&rsquo;événement TCG le plus accessible, ouvert à tous les âges et à tous les niveaux.</p>
      </div>

      <div class="gj-pkv-grid">

        <div class="gj-pkv-item">
          <div class="gj-pkv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
          </div>
          <h3 class="gj-pkv-item-title">Les familles</h3>
          <p class="gj-pkv-item-text">Événement Pokémon officiel dès 6 ans, idéal pour partager un moment cartes avec tes enfants dans une ambiance safe et bienveillante.</p>
        </div>

        <div class="gj-pkv-item">
          <div class="gj-pkv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
          </div>
          <h3 class="gj-pkv-item-title">Les débutants</h3>
          <p class="gj-pkv-item-text">Jamais joué au Pokémon TCG ? Le format Build &amp; Play est le meilleur point de départ, notre équipe t&rsquo;accompagne pas à pas.</p>
        </div>

        <div class="gj-pkv-item">
          <div class="gj-pkv-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/><path d="M18 2H6v7a6 6 0 0 0 12 0z"/></svg>
          </div>
          <h3 class="gj-pkv-item-title">Les dresseurs</h3>
          <p class="gj-pkv-item-text">Joueur habitué ? Viens tester la nouvelle extension en avant-première et repartir avec la carte promo exclusive de l&rsquo;événement.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_ddmd214 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_x0dl214 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_c7rm491 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 06 - LE KIT
     Namespace : .gj-pkk-* (pokemon avant-premiere kit)
     - Contenu officiel du Build & Play kit Pokémon
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pkk-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pkk-page *,
.gj-pkk-page *::before,
.gj-pkk-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pkk-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-pkk-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-pkk-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-pkk-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-pkk-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-pkk-title .gj-pkk-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pkk-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-pkk-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-pkk-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 26px 22px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-pkk-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-pkk-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 16px rgba(228, 13, 20, 0.3);
}

.gj-pkk-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-pkk-qty {
  font-family: var(--font-title);
  font-size: 28px;
  color: var(--gj-red);
  line-height: 1.02;
  margin-bottom: 4px;
}

.gj-pkk-item-title {
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  margin: 0 0 8px 0;
  line-height: 1.05;
}

.gj-pkk-item-text {
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--gj-gray);
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-pkk-bg { padding: 20px 0 20px 0; }
  .gj-pkk-wrapper { padding: 0 16px; }
  .gj-pkk-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-pkk-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-pkk-item { transition: none; }
  .gj-pkk-item:hover { transform: none; }
}
</style>

<div class="gj-pkk-page">
  <div class="gj-pkk-bg">
    <div class="gj-pkk-wrapper">

      <div class="gj-pkk-header">
        <div class="gj-pkk-eyebrow">Le kit</div>
        <h2 class="gj-pkk-title">
          CE QUE TU
          <span class="gj-pkk-accent">REÇOIS</span>
        </h2>
        <p class="gj-pkk-subtitle">Le Build &amp; Play officiel Pokémon, tout ce qu&rsquo;il te faut pour construire ton deck et jouer.</p>
      </div>

      <div class="gj-pkk-grid">

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <div class="gj-pkk-qty">7×</div>
          <h3 class="gj-pkk-item-title">Boosters</h3>
          <p class="gj-pkk-item-text">Quatre boosters neufs de la nouvelle extension à ouvrir sur place puis trois boosters à la fin de l&rsquo;événement.</p>
        </div>

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><polygon points="12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2"/></svg>
          </div>
          <div class="gj-pkk-qty">1×</div>
          <h3 class="gj-pkk-item-title">Carte promo</h3>
          <p class="gj-pkk-item-text">Une carte foil exclusive Avant-Première, distribuée uniquement pendant l&rsquo;événement.</p>
        </div>

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
          </div>
          <div class="gj-pkk-qty">22</div>
          <h3 class="gj-pkk-item-title">Énergies</h3>
          <p class="gj-pkk-item-text">Un carnet d&rsquo;énergies de base pour compléter ton deck de 40 cartes.</p>
        </div>

        <div class="gj-pkk-item">
          <div class="gj-pkk-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><line x1="10" y1="9" x2="8" y2="9"/></svg>
          </div>
          <div class="gj-pkk-qty">1×</div>
          <h3 class="gj-pkk-item-title">Guide</h3>
          <p class="gj-pkk-item-text">Une aide de deckbuilding pour te guider dans la construction de ton deck.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_le17510 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_g440510 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_lgqd972 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 07 - AMBIANCE
     Namespace : .gj-pka-* (pokemon avant-premiere ambiance)
     - PageSpeed : width/height explicites, loading=lazy, decoding=async

     ▶▶▶ REMPLACE LES 4 URLs DES PHOTOS PAR TES VRAIES IMAGES ◀◀◀
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pka-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pka-page *,
.gj-pka-page *::before,
.gj-pka-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pka-page img { max-width: 100%; height: auto; display: block; }

.gj-pka-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-pka-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-pka-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-pka-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-pka-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-pka-title .gj-pka-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pka-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-pka-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-pka-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-pka-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-pka-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-pka-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-pka-bg { padding: 20px 0 20px 0; }
  .gj-pka-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-pka-photo,
  .gj-pka-photo img { transition: none; }
  .gj-pka-photo:hover { transform: none; }
  .gj-pka-photo:hover img { transform: none; }
}
</style>

<div class="gj-pka-page">
  <div class="gj-pka-bg">
    <div class="gj-pka-wrapper">

      <div class="gj-pka-header">
        <div class="gj-pka-eyebrow">Ambiance</div>
        <h2 class="gj-pka-title">
          NOS DERNIÈRES
          <span class="gj-pka-accent">ÉDITIONS</span>
        </h2>
        <p class="gj-pka-subtitle">Quelques moments des dernières Avant-Premières Pokémon à la boutique.</p>
      </div>

      <div class="gj-pka-grid">

        <!-- ▶▶▶ REMPLACE LES URLs CI-DESSOUS ◀◀◀ -->
        <div class="gj-pka-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/D1366AC7-2E68-44A3-8669-0C85CA5602A1.jpeg"
            alt="Avant-Première Pokémon 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-pka-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/7EAE02F9-A06F-4478-91F2-40F9C6E828A4.jpeg"
            alt="Avant-Première Pokémon 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-pka-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/F27F6319-D30F-47D5-84C1-F5E1299AD714.jpeg"
            alt="Avant-Première Pokémon 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-pka-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/EEEAB5C4-2EE6-4984-92D4-DFB6F627AFB6.jpeg"
            alt="Avant-Première Pokémon 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_y7zl110 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_y3py110 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_l3e7266 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - AVANT-PREMIÈRE POKÉMON - MODULE 08 - INSCRIPTION
     Namespace : .gj-pkn-* (pokemon avant-premiere inscription)
     - CTA final avec gradient fallback
     - Lien vers Play Pokémon / contact selon confirmation date

     ▶▶▶ REMPLACE L'URL D'INSCRIPTION PAR TON LIEN OFFICIEL ◀◀◀
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-pkn-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-light: #313d68;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-pkn-page *,
.gj-pkn-page *::before,
.gj-pkn-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-pkn-page a { text-decoration: none; color: inherit; }

.gj-pkn-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-pkn-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============ CTA MARINE (image de fond + overlay pour lisibilité) ============ */
.gj-pkn-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background: linear-gradient(135deg, var(--gj-marine-dark) 0%, var(--gj-marine) 50%, var(--gj-marine-light) 100%);
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

/* Image de fond placeholder — remplaçable via l'URL de la balise <img> plus bas */
.gj-pkn-cta-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  display: block;
}

/* Overlay marine dégradé pour garder les textes lisibles par-dessus l'image */
.gj-pkn-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(28, 37, 65, 0.85) 0%, rgba(39, 49, 84, 0.75) 50%, rgba(49, 61, 104, 0.7) 100%);
  pointer-events: none;
  z-index: 1;
}

.gj-pkn-cta > *:not(.gj-pkn-cta-bg) { position: relative; z-index: 2; }

.gj-pkn-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-pkn-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-pkn-title .gj-pkn-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-pkn-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0 auto 28px auto;
  max-width: 560px;
}

.gj-pkn-steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-bottom: 32px;
}

.gj-pkn-step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gj-pkn-step-num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gj-red);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
}

.gj-pkn-step-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gj-cream);
}

.gj-pkn-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gj-red);
  color: #ffffff;
  padding: 17px 38px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
}

.gj-pkn-btn:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-pkn-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-pkn-btn:hover svg { transform: translateX(4px); }

.gj-pkn-warning {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(240, 238, 233, 0.08);
  border: 1px solid rgba(240, 238, 233, 0.2);
  font-family: var(--font-body);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: rgba(240, 238, 233, 0.85);
}

.gj-pkn-warning svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: var(--gj-red);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.gj-pkn-footnote {
  text-align: center;
  font-family: var(--font-body);
  font-size: 11.5px;
  color: var(--gj-gray);
  letter-spacing: 0.3px;
  max-width: 720px;
  margin: 40px auto 0 auto;
  padding-top: 28px;
  border-top: 1px solid var(--gj-cream-dark);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .gj-pkn-bg { padding: 20px 0 40px 0; }
  .gj-pkn-wrapper { padding: 0 16px; }
  .gj-pkn-cta { padding: 50px 28px; }
  .gj-pkn-steps { flex-direction: column; align-items: center; gap: 14px; }
}

@media (max-width: 480px) {
  .gj-pkn-cta { padding: 40px 22px; }
  .gj-pkn-btn { padding: 15px 28px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-pkn-btn { transition: none; }
  .gj-pkn-btn:hover { transform: none; }
  .gj-pkn-btn:hover svg { transform: none; }
}
</style>

<div class="gj-pkn-page">
  <div class="gj-pkn-bg">
    <div class="gj-pkn-wrapper">

      <section class="gj-pkn-cta">
        <!-- ▶▶▶ REMPLACE UNIQUEMENT L'URL ENTRE GUILLEMETS APRÈS src= ◀◀◀ -->
        <!-- ⚠️ NE PAS TOUCHER À class="gj-pkn-cta-bg" — c'est ce qui positionne l'image en fond -->
        <img class="gj-pkn-cta-bg"
             src="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
             alt=""
             aria-hidden="true"
             loading="lazy" decoding="async">

        <div class="gj-pkn-eyebrow">Inscription</div>
        <h2 class="gj-pkn-title">
          RÉSERVE TA
          <span class="gj-pkn-accent">PLACE</span>
        </h2>
        <p class="gj-pkn-text">
          Les places sont limitées et partent très vite avant chaque Avant-Première Pokémon. Réserve ta place en ligne pour choisir ton créneau.
        </p>

        <div class="gj-pkn-steps">
          <div class="gj-pkn-step">
            <div class="gj-pkn-step-num">1</div>
            <div class="gj-pkn-step-text">Inscris-toi sur BossOrder.ogg</div>
          </div>
          <div class="gj-pkn-step">
            <div class="gj-pkn-step-num">2</div>
            <div class="gj-pkn-step-text">Viens régler en boutique</div>
          </div>
          <div class="gj-pkn-step">
            <div class="gj-pkn-step-num">3</div>
            <div class="gj-pkn-step-text">Rendez-vous le jour J !</div>
          </div>
        </div>

        <!-- ▶▶▶ REMPLACE L'URL PAR TON LIEN D'INSCRIPTION OFFICIEL ◀◀◀ -->
        <a href="https://bossorder.gg/organizer/1" target="_blank" rel="noopener" class="gj-pkn-btn">
          S&rsquo;inscrire maintenant
          <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
        </a>

        <div class="gj-pkn-warning">
          <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
          Places limitées, inscription en ligne conseillée
        </div>
      </section>

      <p class="gj-pkn-footnote">
        © 2026 Game Jutsu — Avant-Première Pokémon TCG ouverte à tous les dresseurs dès 6 ans. Format Build &amp; Play officiel, avec Play! Pokémon ID recommandé. Créneaux et dotation confirmés en boutique et sur nos réseaux avant chaque événement.
      </p>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2025/10/08/avant-premiere-pokemon/">Avant-Première Pokémon</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Événements &#8211; La TGS Montpellier 2026</title>
		<link>https://game-jutsu.fr/2023/11/08/la-tgs-montpellier-2026/</link>
					<comments>https://game-jutsu.fr/2023/11/08/la-tgs-montpellier-2026/#comments</comments>
		
		<dc:creator><![CDATA[Matteo]]></dc:creator>
		<pubDate>Wed, 08 Nov 2023 15:25:17 +0000</pubDate>
				<category><![CDATA[TGS montpellier]]></category>
		<guid isPermaLink="false">https://game-jutsu.fr/?p=1</guid>

					<description><![CDATA[<p>The post <a href="https://game-jutsu.fr/2023/11/08/la-tgs-montpellier-2026/">Événements &#8211; La TGS Montpellier 2026</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<!--themify_builder_content-->
<div id="themify_builder_content-1" data-postid="1" class="themify_builder_content themify_builder_content-1 themify_builder tf_clear">
                    <div  data-lazy="1" class="module_row themify_builder_row tb_lw5b450 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_b3g4450 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_f3uf30 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - TGS MONTPELLIER - MODULE 01 - HERO
     Namespace : .gj-tgsh-* (tgs hero)
     - LCP fix : preload conditionnel WebP + fetchpriority=high
     - CLS fix : line-height 1.02 + min-height fixé
     ========================================================= -->

<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp"
      media="(min-width: 700px)"
      fetchpriority="high">
<link rel="preload" as="image"
      href="https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp"
      media="(max-width: 699px)"
      fetchpriority="high">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-tgsh-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-tgsh-page *,
.gj-tgsh-page *::before,
.gj-tgsh-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-tgsh-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

.gj-tgsh-hero {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 140px 80px 90px 80px;
  isolation: isolate;
  background-color: var(--gj-marine);
  background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS.webp');
  background-size: cover;
  background-position: center;
}

.gj-tgsh-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.6) 0%, rgba(28, 37, 65, 0.5) 50%, rgba(28, 37, 65, 0.7) 100%);
  z-index: 0;
  pointer-events: none;
}

.gj-tgsh-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gj-tgsh-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.gj-tgsh-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

.gj-tgsh-date {
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: rgba(240, 238, 233, 0.85);
  text-transform: uppercase;
}

.gj-tgsh-date::before {
  content: '✦';
  margin-right: 8px;
  color: var(--gj-red);
}

.gj-tgsh-title {
  font-family: var(--font-title);
  font-size: clamp(34px, 6vw, 60px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream) !important;
  letter-spacing: 0.8px;
  margin: 0 0 16px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

.gj-tgsh-title .gj-tgsh-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.2em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-tgsh-subtitle {
  font-family: var(--font-title);
  font-size: clamp(20px, 3vw, 32px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.02;
  color: var(--gj-cream);
  letter-spacing: 0.6px;
  margin: 0 0 18px 0;
  opacity: 0.95;
}

.gj-tgsh-excerpt {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.6;
  margin: 0;
  max-width: 620px;
}

@media (max-width: 699px) {
  .gj-tgsh-hero {
    background-image: url('https://game-jutsu.fr/wp-content/uploads/2026/07/SITE-CONDITIONS-mobile.webp');
  }
}

@media (max-width: 900px) {
  .gj-tgsh-hero {
    padding: 110px 28px 70px 28px;
    min-height: 450px;
  }
}

@media (max-width: 480px) {
  .gj-tgsh-hero {
    padding: 95px 22px 60px 22px;
    min-height: 400px;
  }
}
</style>

<div class="gj-tgsh-page">
  <div class="gj-tgsh-bg">
    <section class="gj-tgsh-hero" aria-label="En-tête de l'article TGS Montpellier 2025">
      <div class="gj-tgsh-content">
        <div class="gj-tgsh-meta">
          <span class="gj-tgsh-badge">Événement</span>
          <span class="gj-tgsh-date">11-12 avr. 2025</span>
        </div>
        <h1 class="gj-tgsh-title">
          GAME JUTSU À LA
          <span class="gj-tgsh-accent">TGS</span>
        </h1>
        <p class="gj-tgsh-subtitle">Montpellier 2025</p>
        <p class="gj-tgsh-excerpt">
          Un week-end rempli de passion, découvertes et rencontres autour du jeu vidéo, des cartes et de la pop culture.
        </p>
      </div>
    </section>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_fgut597 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_gmd0597 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_s47v611 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - TGS MONTPELLIER - MODULE 02 - LE RENDEZ-VOUS
     Namespace : .gj-tgsi-* (tgs infos)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-tgsi-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-tgsi-page *,
.gj-tgsi-page *::before,
.gj-tgsi-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-tgsi-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 60px 0 30px 0;
  overflow: hidden;
}

.gj-tgsi-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-tgsi-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-tgsi-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-tgsi-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-tgsi-title .gj-tgsi-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-tgsi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.gj-tgsi-card {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08), 0 2px 6px rgba(39, 49, 84, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-tgsi-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(39, 49, 84, 0.12);
}

.gj-tgsi-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-tgsi-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-tgsi-label {
  font-family: var(--font-body);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--gj-gray);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.gj-tgsi-value {
  font-family: var(--font-title);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: var(--gj-marine);
  line-height: 1.05;
  text-transform: uppercase;
}

.gj-tgsi-value.is-accent {
  color: var(--gj-red);
}

@media (max-width: 900px) {
  .gj-tgsi-bg { padding: 40px 0 20px 0; }
  .gj-tgsi-wrapper { padding: 0 16px; }
  .gj-tgsi-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .gj-tgsi-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-tgsi-card { transition: none; }
  .gj-tgsi-card:hover { transform: none; }
}
</style>

<div class="gj-tgsi-page">
  <div class="gj-tgsi-bg">
    <div class="gj-tgsi-wrapper">

      <div class="gj-tgsi-header">
        <div class="gj-tgsi-eyebrow">Le rendez-vous</div>
        <h2 class="gj-tgsi-title">
          INFOS
          <span class="gj-tgsi-accent">CLÉS</span>
        </h2>
      </div>

      <div class="gj-tgsi-grid">
        <div class="gj-tgsi-card">
          <div class="gj-tgsi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>
          </div>
          <div class="gj-tgsi-label">Dates</div>
          <div class="gj-tgsi-value is-accent">11 &amp; 12 avr. 2025</div>
        </div>

        <div class="gj-tgsi-card">
          <div class="gj-tgsi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="gj-tgsi-label">Lieu</div>
          <div class="gj-tgsi-value">Parc des expos</div>
        </div>

        <div class="gj-tgsi-card">
          <div class="gj-tgsi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
          </div>
          <div class="gj-tgsi-label">Public</div>
          <div class="gj-tgsi-value">Grand public</div>
        </div>

        <div class="gj-tgsi-card">
          <div class="gj-tgsi-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
          </div>
          <div class="gj-tgsi-label">Stand</div>
          <div class="gj-tgsi-value">Game Jutsu</div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_fgwi623 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_212y623 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_t1vt35 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - TGS MONTPELLIER - MODULE 03 - LE SALON
     Namespace : .gj-tgss-* (tgs salon)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-tgss-page {
  --gj-cream: #F0EEE9;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-tgss-page *,
.gj-tgss-page *::before,
.gj-tgss-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-tgss-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-tgss-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-tgss-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 24px auto;
}

.gj-tgss-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-tgss-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-tgss-title .gj-tgss-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-tgss-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-tgss-text strong {
  color: var(--gj-marine);
  font-weight: 700;
}

.gj-tgss-text p { margin: 0 0 14px 0; }
.gj-tgss-text p:last-child { margin-bottom: 0; }

@media (max-width: 900px) {
  .gj-tgss-bg { padding: 20px 0 20px 0; }
  .gj-tgss-wrapper { padding: 0 16px; }
}
</style>

<div class="gj-tgss-page">
  <div class="gj-tgss-bg">
    <div class="gj-tgss-wrapper">
      <div class="gj-tgss-header">
        <div class="gj-tgss-eyebrow">Le salon</div>
        <h2 class="gj-tgss-title">
          QU&rsquo;ELLE
          <span class="gj-tgss-accent">EXPÉRIENCE</span>
          !
        </h2>
      </div>
      <div class="gj-tgss-text">
        <p>La <strong>Toulouse Game Show Montpellier</strong> est le rendez-vous incontournable des passionnés de gaming, de mangas, de cosplay et de pop culture dans la région. Deux jours de festival au Parc des Expositions, avec des dizaines d&rsquo;exposants, des invités prestigieux, des tournois, des dédicaces et des animations à foison.</p>
        <p>Cette année, <strong>Game Jutsu y tenait son stand</strong> pour proposer nos cartes TCG, nos figurines, nos jeux vidéo d&rsquo;occasion, et surtout pour rencontrer notre communauté hors des murs de la boutique. Une expérience qu&rsquo;on garde en mémoire pour longtemps.</p>
      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_dl00521 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_6gcm521 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_ovy9186 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - TGS MONTPELLIER - MODULE 04 - À RETENIR
     Namespace : .gj-tgsr-* (tgs retenir)
     - Grille des moments forts du week-end
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-tgsr-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-tgsr-page *,
.gj-tgsr-page *::before,
.gj-tgsr-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-tgsr-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-tgsr-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-tgsr-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 36px auto;
}

.gj-tgsr-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-tgsr-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-tgsr-title .gj-tgsr-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-tgsr-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

.gj-tgsr-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.gj-tgsr-item {
  background: var(--gj-white);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  border-radius: 18px;
  padding: 28px 26px;
  box-shadow: 0 8px 28px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-tgsr-item:hover {
  transform: translateY(-4px);
  border-color: var(--gj-red);
  box-shadow: 0 18px 40px rgba(228, 13, 20, 0.15);
}

.gj-tgsr-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--gj-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 6px 14px rgba(228, 13, 20, 0.3);
}

.gj-tgsr-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gj-tgsr-item-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: var(--gj-marine);
  margin: 0 0 10px 0;
  line-height: 1.05;
}

.gj-tgsr-item-text {
  font-family: var(--font-body);
  font-size: 13.5px;
  color: var(--gj-gray);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 900px) {
  .gj-tgsr-bg { padding: 20px 0 20px 0; }
  .gj-tgsr-wrapper { padding: 0 16px; }
  .gj-tgsr-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .gj-tgsr-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-tgsr-item { transition: none; }
  .gj-tgsr-item:hover { transform: none; }
}
</style>

<div class="gj-tgsr-page">
  <div class="gj-tgsr-bg">
    <div class="gj-tgsr-wrapper">

      <div class="gj-tgsr-header">
        <div class="gj-tgsr-eyebrow">À retenir</div>
        <h2 class="gj-tgsr-title">
          LES MOMENTS
          <span class="gj-tgsr-accent">FORTS</span>
        </h2>
        <p class="gj-tgsr-subtitle">Retour sur les meilleurs souvenirs de ces deux jours de festival.</p>
      </div>

      <div class="gj-tgsr-grid">

        <div class="gj-tgsr-item">
          <div class="gj-tgsr-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="4" y="3" width="12" height="18" rx="1" transform="rotate(-8 10 12)"/><rect x="8" y="3" width="12" height="18" rx="1" transform="rotate(8 14 12)"/></svg>
          </div>
          <h3 class="gj-tgsr-item-title">Notre stand TCG</h3>
          <p class="gj-tgsr-item-text">On a apporté nos meilleures cartes Pokémon, One Piece, Magic et Yu-Gi-Oh! pour faire découvrir notre sélection à un tout nouveau public.</p>
        </div>

        <div class="gj-tgsr-item">
          <div class="gj-tgsr-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
          </div>
          <h3 class="gj-tgsr-item-title">Les rencontres</h3>
          <p class="gj-tgsr-item-text">Deux jours à échanger avec des passionnés, des habitués de la boutique et de nouvelles têtes venues découvrir Game Jutsu.</p>
        </div>

        <div class="gj-tgsr-item">
          <div class="gj-tgsr-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><polygon points="12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2"/></svg>
          </div>
          <h3 class="gj-tgsr-item-title">Les cosplayers</h3>
          <p class="gj-tgsr-item-text">Une pluie de personnages incroyables défilait devant notre stand tout le week-end, du plus classique au plus impressionnant.</p>
        </div>

        <div class="gj-tgsr-item">
          <div class="gj-tgsr-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"/><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"/><path d="M4 22h16"/><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22"/><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22"/><path d="M18 2H6v7a6 6 0 0 0 12 0z"/></svg>
          </div>
          <h3 class="gj-tgsr-item-title">Les tournois</h3>
          <p class="gj-tgsr-item-text">Nos formats initiations et démonstrations TCG ont attiré du monde, avec des joueurs venus tester nos jeux préférés pour la première fois.</p>
        </div>

        <div class="gj-tgsr-item">
          <div class="gj-tgsr-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
          </div>
          <h3 class="gj-tgsr-item-title">Les photos</h3>
          <p class="gj-tgsr-item-text">On a immortalisé un maximum de moments, entre nos clients heureux, nos cartes rares et l&rsquo;ambiance générale du salon.</p>
        </div>

        <div class="gj-tgsr-item">
          <div class="gj-tgsr-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
          </div>
          <h3 class="gj-tgsr-item-title">L&rsquo;ambiance</h3>
          <p class="gj-tgsr-item-text">Un festival vibrant, des allées bondées, des rires, des surprises&#8230; l&rsquo;énergie unique d&rsquo;un salon pop culture rassemblée en un lieu.</p>
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_haik86 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_cg5u86 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_tq06146 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - TGS MONTPELLIER - MODULE 05 - À REVIVRE (vidéo)
     Namespace : .gj-tgsv-* (tgs video)

     ⚡ PAGE SPEED FIX MAJEUR ⚡
     - YouTube FACADE PATTERN au lieu d'iframe direct
     - Économie estimée : ~630 KB de JS + ~119 KB de CSS non chargés au load
     - L'iframe se charge UNIQUEMENT au clic de l'utilisateur
     - Utilise thumbnail YouTube haute qualité (2 KB) + preconnect
     - Fix a11y : iframe avec title="..." pour lecteurs d'écran
     - Fix cookies tiers : aucun cookie YouTube tant que la vidéo n'est pas lancée

     ▶▶▶ POUR CHANGER LA VIDÉO ◀◀◀
     Remplace "8m24AjvhQys" par l'ID de ta vidéo YouTube dans le data-video-id
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<!-- Preconnect YouTube uniquement (pas de chargement des scripts) -->
<link rel="preconnect" href="https://www.youtube-nocookie.com">
<link rel="preconnect" href="https://i.ytimg.com">

<style>
.gj-tgsv-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-tgsv-page *,
.gj-tgsv-page *::before,
.gj-tgsv-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-tgsv-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 30px 0;
  overflow: hidden;
}

.gj-tgsv-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-tgsv-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-tgsv-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-tgsv-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-tgsv-title .gj-tgsv-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-tgsv-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.65;
  margin: 0 auto;
  max-width: 620px;
}

/* ============ FACADE VIDÉO ============ */
.gj-tgsv-facade {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 22px;
  overflow: hidden;
  background: var(--gj-marine-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
  padding: 0;
  display: block;
  color: inherit;
  font-family: inherit;
}

.gj-tgsv-facade:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 60px rgba(228, 13, 20, 0.25);
}

.gj-tgsv-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gj-tgsv-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.35) 0%, rgba(28, 37, 65, 0.55) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.gj-tgsv-facade:hover .gj-tgsv-overlay {
  background: linear-gradient(180deg, rgba(28, 37, 65, 0.25) 0%, rgba(28, 37, 65, 0.45) 100%);
}

.gj-tgsv-play {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: var(--gj-red);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 40px rgba(228, 13, 20, 0.5), 0 0 0 8px rgba(228, 13, 20, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gj-tgsv-facade:hover .gj-tgsv-play {
  transform: scale(1.1);
  box-shadow: 0 16px 50px rgba(228, 13, 20, 0.6), 0 0 0 12px rgba(228, 13, 20, 0.25);
}

.gj-tgsv-play svg {
  width: 34px;
  height: 34px;
  fill: #ffffff;
  margin-left: 4px;
}

.gj-tgsv-label {
  position: absolute;
  bottom: 22px;
  left: 22px;
  right: 22px;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: rgba(240, 238, 233, 0.9);
  text-align: center;
}

/* Iframe qui remplace la facade au clic */
.gj-tgsv-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media (max-width: 900px) {
  .gj-tgsv-bg { padding: 20px 0 20px 0; }
  .gj-tgsv-wrapper { padding: 0 16px; }
  .gj-tgsv-facade { border-radius: 16px; }
  .gj-tgsv-play { width: 70px; height: 70px; }
  .gj-tgsv-play svg { width: 28px; height: 28px; }
}

@media (max-width: 480px) {
  .gj-tgsv-play { width: 60px; height: 60px; }
  .gj-tgsv-play svg { width: 24px; height: 24px; }
  .gj-tgsv-label { font-size: 9.5px; bottom: 14px; letter-spacing: 1.4px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-tgsv-facade,
  .gj-tgsv-overlay,
  .gj-tgsv-play { transition: none; }
  .gj-tgsv-facade:hover { transform: none; }
  .gj-tgsv-facade:hover .gj-tgsv-play { transform: none; }
}
</style>

<div class="gj-tgsv-page">
  <div class="gj-tgsv-bg">
    <div class="gj-tgsv-wrapper">

      <div class="gj-tgsv-header">
        <div class="gj-tgsv-eyebrow">À revivre</div>
        <h2 class="gj-tgsv-title">
          NOTRE
          <span class="gj-tgsv-accent">VIDÉO</span>
        </h2>
        <p class="gj-tgsv-subtitle">Le résumé en vidéo de ces deux jours au TGS Montpellier.</p>
      </div>

      <!-- ============ FACADE YOUTUBE ============ -->
      <button type="button"
              class="gj-tgsv-facade"
              id="gjTgsvFacade"
              data-video-id="8m24AjvhQys"
              aria-label="Lire la vidéo : Game Jutsu à la TGS Montpellier 2025">
        <img class="gj-tgsv-thumb"
             src="https://i.ytimg.com/vi/8m24AjvhQys/maxresdefault.jpg"
             alt=""
             width="1280" height="720"
             loading="lazy"
             decoding="async"
             fetchpriority="low"
             onerror="this.onerror=null;this.src='https://i.ytimg.com/vi/8m24AjvhQys/hqdefault.jpg';" />
        <div class="gj-tgsv-overlay">
          <div class="gj-tgsv-play" aria-hidden="true">
            <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
          </div>
        </div>
        <div class="gj-tgsv-label" aria-hidden="true">Clique pour lancer la vidéo</div>
      </button>

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

<script>
(function() {
  var facade = document.getElementById('gjTgsvFacade');
  if (!facade) return;

  facade.addEventListener('click', function() {
    var videoId = facade.dataset.videoId;
    if (!videoId) return;

    var iframe = document.createElement('iframe');
    iframe.className = 'gj-tgsv-iframe';
    iframe.src = 'https://www.youtube-nocookie.com/embed/' + videoId + '?autoplay=1&rel=0';
    iframe.title = 'Game Jutsu à la TGS Montpellier 2025';
    iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';
    iframe.allowFullscreen = true;
    iframe.setAttribute('frameborder', '0');

    // Remplace la facade par l'iframe
    facade.innerHTML = '';
    facade.appendChild(iframe);
    facade.style.cursor = 'default';
  }, { once: true });
})();
</script>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_l2ds37 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_j6r037 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_04px825 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - TGS MONTPELLIER - MODULE 06 - SOUVENIRS
     Namespace : .gj-tgsm-* (tgs memory)
     - PageSpeed FIX : images width/height explicites,
       loading=lazy, decoding=async, fetchpriority=low
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-tgsm-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-tgsm-page *,
.gj-tgsm-page *::before,
.gj-tgsm-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-tgsm-page img { max-width: 100%; height: auto; display: block; }

.gj-tgsm-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 60px 0;
  overflow: hidden;
}

.gj-tgsm-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-tgsm-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 32px auto;
}

.gj-tgsm-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: var(--gj-red-dark);
  border: 1.5px solid var(--gj-red-dark);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.gj-tgsm-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 14px 0;
  letter-spacing: 0.8px;
  color: var(--gj-marine);
  line-height: 1.02;
}

.gj-tgsm-title .gj-tgsm-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-tgsm-subtitle {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--gj-gray);
  line-height: 1.7;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.gj-tgsm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.gj-tgsm-photo {
  aspect-ratio: 4/3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background: var(--gj-cream-dark);
  border: 1.5px solid rgba(39, 49, 84, 0.06);
  box-shadow: 0 8px 24px rgba(39, 49, 84, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.gj-tgsm-photo:hover {
  transform: translateY(-3px);
  border-color: var(--gj-red);
  box-shadow: 0 16px 36px rgba(228, 13, 20, 0.15);
}

.gj-tgsm-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gj-tgsm-photo:hover img {
  transform: scale(1.04);
}

@media (max-width: 900px) {
  .gj-tgsm-bg { padding: 20px 0 40px 0; }
  .gj-tgsm-wrapper { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-tgsm-photo,
  .gj-tgsm-photo img { transition: none; }
  .gj-tgsm-photo:hover { transform: none; }
  .gj-tgsm-photo:hover img { transform: none; }
}
</style>

<div class="gj-tgsm-page">
  <div class="gj-tgsm-bg">
    <div class="gj-tgsm-wrapper">

      <div class="gj-tgsm-header">
        <div class="gj-tgsm-eyebrow">Souvenirs</div>
        <h2 class="gj-tgsm-title">
          LES PHOTOS DU
          <span class="gj-tgsm-accent">WEEK-END</span>
        </h2>
        <p class="gj-tgsm-subtitle">Retour en images sur ces deux jours de festival passés au Parc des Expositions.</p>
      </div>

      <div class="gj-tgsm-grid">

        <div class="gj-tgsm-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/06/IMG_1465.png"
            alt="Souvenir TGS Montpellier 1"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-tgsm-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/06/IMG_1463.png"
            alt="Souvenir TGS Montpellier 2"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-tgsm-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/05/OIP-2.webp"
            alt="Souvenir TGS Montpellier 3"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

        <div class="gj-tgsm-photo">
          <img
            src="https://game-jutsu.fr/wp-content/uploads/2026/06/IMG_1461.png"
            alt="Souvenir TGS Montpellier 4"
            width="800" height="600"
            loading="lazy"
            decoding="async"
            fetchpriority="low" />
        </div>

      </div>
    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
                        <div  data-lazy="1" class="module_row themify_builder_row tb_fwny425 tf_w">
                        <div class="row_inner col_align_top tb_col_count_1 tf_box tf_rel">
                        <div  data-lazy="1" class="module_column tb-column col-full tb_e0x6426 first">
                    <!-- module plain text -->
<div  class="module module-plain-text tb_8353608 " data-lazy="1">
        <div class="tb_text_wrap">
    <!-- =========================================================
     GAME JUTSU - TGS MONTPELLIER - MODULE 07 - CTA PROCHAINES ÉDITIONS
     Namespace : .gj-tgsc-* (tgs CTA)
     - CTA final pour se tenir informé des prochaines éditions
     - Background gradient marine (pas de PNG 404)
     - 2 boutons : lien officiel TGS (primaire) + Instagram (cream)
     ========================================================= -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&#038;family=DM+Sans:wght@400;500;600;700&#038;display=swap" rel="stylesheet">

<style>
.gj-tgsc-page {
  --gj-cream: #F0EEE9;
  --gj-cream-dark: #E5E2DA;
  --gj-white: #ffffff;
  --gj-red: #e40d14;
  --gj-red-dark: #b80a10;
  --gj-marine: #273154;
  --gj-marine-light: #313d68;
  --gj-marine-dark: #1c2541;
  --gj-gray: #6a6a72;

  --font-title: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  color: var(--gj-marine);
  font-family: var(--font-body);
}

.gj-tgsc-page *,
.gj-tgsc-page *::before,
.gj-tgsc-page *::after {
  box-sizing: border-box;
  font-style: normal !important;
}

.gj-tgsc-page a { text-decoration: none; color: inherit; }

.gj-tgsc-bg {
  background: var(--gj-cream);
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 30px 0 70px 0;
  overflow: hidden;
}

.gj-tgsc-wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.gj-tgsc-cta {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 60px 50px;
  text-align: center;
  isolation: isolate;
  background: linear-gradient(135deg, var(--gj-marine-dark) 0%, var(--gj-marine) 50%, var(--gj-marine-light) 100%);
  box-shadow: 0 18px 50px rgba(39, 49, 84, 0.25);
}

/* Cercle décoratif haut-droit */
.gj-tgsc-cta::before {
  content: '';
  position: absolute;
  border-radius: 50%;
  background: rgba(228, 13, 20, 0.08);
  pointer-events: none;
  z-index: 0;
  width: 260px;
  height: 260px;
  top: -80px;
  right: -80px;
}

.gj-tgsc-cta > * { position: relative; z-index: 1; }

.gj-tgsc-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.6px;
  color: #ffffff;
  text-transform: uppercase;
  background: rgba(228, 13, 20, 0.55);
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
  backdrop-filter: blur(6px);
}

.gj-tgsc-title {
  font-family: var(--font-title);
  font-size: clamp(28px, 4.5vw, 48px);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--gj-cream);
  line-height: 1.02;
  margin: 0 0 14px 0;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.3);
}

.gj-tgsc-title .gj-tgsc-accent {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: 1em;
  color: var(--gj-red);
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.02;
  text-transform: uppercase;
  margin-left: 0.15em;
  text-shadow:
    0 0 24px rgba(228, 13, 20, 0.35),
    0 0 50px rgba(228, 13, 20, 0.18),
    0 3px 0 rgba(0, 0, 0, 0.08);
}

.gj-tgsc-text {
  font-family: var(--font-body);
  font-size: 15px;
  color: rgba(240, 238, 233, 0.92);
  line-height: 1.65;
  margin: 0 auto 28px auto;
  max-width: 620px;
}

.gj-tgsc-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.gj-tgsc-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 34px;
  border-radius: 999px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.gj-tgsc-btn--primary {
  background: var(--gj-red);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(228, 13, 20, 0.45);
  border: 1.5px solid var(--gj-red);
}

.gj-tgsc-btn--primary:hover {
  background: var(--gj-red-dark);
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(228, 13, 20, 0.6);
}

.gj-tgsc-btn--ghost {
  background: var(--gj-cream);
  color: var(--gj-marine);
  border: 1.5px solid var(--gj-cream);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.gj-tgsc-btn--ghost:hover {
  background: var(--gj-white);
  border-color: var(--gj-white);
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

.gj-tgsc-btn svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s ease;
}

.gj-tgsc-btn:hover svg { transform: translateX(4px); }

@media (max-width: 900px) {
  .gj-tgsc-bg { padding: 20px 0 40px 0; }
  .gj-tgsc-wrapper { padding: 0 16px; }
  .gj-tgsc-cta { padding: 50px 28px; }
}

@media (max-width: 480px) {
  .gj-tgsc-cta { padding: 40px 22px; }
  .gj-tgsc-btn { padding: 14px 26px; font-size: 11px; width: 100%; justify-content: center; }
  .gj-tgsc-actions { flex-direction: column; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .gj-tgsc-btn { transition: none; }
  .gj-tgsc-btn:hover { transform: none; }
  .gj-tgsc-btn:hover svg { transform: none; }
}
</style>

<div class="gj-tgsc-page">
  <div class="gj-tgsc-bg">
    <div class="gj-tgsc-wrapper">

      <section class="gj-tgsc-cta">
        <div class="gj-tgsc-eyebrow">Prochaine édition</div>
        <h2 class="gj-tgsc-title">
          RENDEZ-VOUS
          <span class="gj-tgsc-accent">EN 2026</span>
        </h2>
        <p class="gj-tgsc-text">
          Ne rate pas la prochaine édition de la TGS Montpellier ! Réserve tes places en avance sur le site officiel ou suis-nous sur Instagram pour ne rien manquer de nos annonces et nos surprises.
        </p>

        <div class="gj-tgsc-actions">
          <a href="https://tgs-montpellier.fr/" target="_blank" rel="noopener" class="gj-tgsc-btn gj-tgsc-btn--primary">
            Réserver mes places
            <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
          </a>
          <a href="https://www.instagram.com/game_jutsu_montpellier/" target="_blank" rel="noopener" class="gj-tgsc-btn gj-tgsc-btn--ghost">
            Suivre sur Instagram
            <svg viewBox="0 0 24 24" aria-hidden="true"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg>
          </a>
        </div>
      </section>

    </div>
  </div>
</div>
<!-- ======================================================== -->    </div>
</div>
<!-- /module plain text -->        </div>
                        </div>
        </div>
        </div>
<!--/themify_builder_content--><p>The post <a href="https://game-jutsu.fr/2023/11/08/la-tgs-montpellier-2026/">Événements &#8211; La TGS Montpellier 2026</a> appeared first on <a href="https://game-jutsu.fr">Game Jutsu</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://game-jutsu.fr/2023/11/08/la-tgs-montpellier-2026/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
