<style id="elementor-post-1337">.elementor-1337 .elementor-element.elementor-element-4c2f410{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1337 .elementor-element.elementor-element-d05813e{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-4px -4px -4px -4px;}.elementor-1337 .elementor-element.elementor-element-d05813e img{width:100%;}.elementor-1337 .elementor-element.elementor-element-6f0d04af:not(.elementor-motion-effects-element-type-background), .elementor-1337 .elementor-element.elementor-element-6f0d04af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://metalfestgame.com/wp-content/uploads/2025/12/un-guitariste-de-heavy-metal-dechiquetant-sur-scene-entoure-de-fumee-et-de-pieces-pyrotechniques-scaled.jpg");background-position:center center;}.elementor-1337 .elementor-element.elementor-element-6f0d04af > .elementor-background-overlay{background-color:#000000;opacity:0.6;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1337 .elementor-element.elementor-element-6f0d04af, .elementor-1337 .elementor-element.elementor-element-6f0d04af > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1337 .elementor-element.elementor-element-6f0d04af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-12px;margin-bottom:-18px;}.elementor-1337 .elementor-element.elementor-element-6f0d04af > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-1337 .elementor-element.elementor-element-6f0d04af > .elementor-shape-top svg{height:55px;}.elementor-1337 .elementor-element.elementor-element-6f0d04af > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-1337 .elementor-element.elementor-element-6f0d04af > .elementor-shape-bottom svg{height:53px;}.elementor-1337 .elementor-element.elementor-element-244d4ada > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-1337 .elementor-element.elementor-element-244d4ada > .elementor-element-populated{margin:-317px 0px -70px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:-26px -26px -26px -26px;}.elementor-1337 .elementor-element.elementor-element-244d4ada{z-index:0;}.elementor-1337 .elementor-element.elementor-element-2ad58b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1337 .elementor-element.elementor-element-2ad58b9.elementor-element{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-66b896a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:37px;--padding-left:20px;--padding-right:20px;}.elementor-1337 .elementor-element.elementor-element-66b896a.e-con{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-414d349{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1337 .elementor-element.elementor-element-414d349.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1337 .elementor-element.elementor-element-20db6d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1337 .elementor-element.elementor-element-20db6d4 .elementor-heading-title{font-size:80px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;color:#ffffff;}.elementor-1337 .elementor-element.elementor-element-502b0a9b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1337 .elementor-element.elementor-element-502b0a9b.elementor-element{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-502b0a9b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:78px;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:#EDEDED;}.elementor-1337 .elementor-element.elementor-element-139eeda{margin:18px 18px calc(var(--kit-widget-spacing, 0px) + 18px) 18px;text-align:center;}.elementor-1337 .elementor-element.elementor-element-139eeda .elementor-heading-title{font-size:15px;font-weight:400;line-height:1.6em;color:#ffffff;}.elementor-1337 .elementor-element.elementor-element-4e4e189{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1337 .elementor-element.elementor-element-832a450{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1337 .elementor-element.elementor-element-0537e8b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1337 .elementor-element.elementor-element-0537e8b.e-con{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-b844dbd{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1337 .elementor-element.elementor-element-7957f9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1337 .elementor-element.elementor-element-dcb4f51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1337 .elementor-element.elementor-element-6d40d48{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1337 .elementor-element.elementor-element-6d40d48.e-con{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-c679be5{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1337 .elementor-element.elementor-element-e4f2bc4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1337 .elementor-element.elementor-element-591db6e{--display:flex;}.elementor-1337 .elementor-element.elementor-element-0f0c7fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1337 .elementor-element.elementor-element-f661539{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1337 .elementor-element.elementor-element-5ff890f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1337 .elementor-element.elementor-element-854c470{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1337 .elementor-element.elementor-element-abca52e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1337 .elementor-element.elementor-element-e0d05ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1337 .elementor-element.elementor-element-e0d05ac > .elementor-shape-top .elementor-shape-fill, .elementor-1337 .elementor-element.elementor-element-e0d05ac > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#000000;}.elementor-1337 .elementor-element.elementor-element-e0d05ac > .elementor-shape-top svg, .elementor-1337 .elementor-element.elementor-element-e0d05ac > .e-con-inner > .elementor-shape-top svg{height:30px;}.elementor-1337 .elementor-element.elementor-element-e0d05ac > .elementor-shape-top, .elementor-1337 .elementor-element.elementor-element-e0d05ac > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-1337 .elementor-element.elementor-element-97d9ea7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1337 .elementor-element.elementor-element-97d9ea7.e-con{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-a44b7e9{--display:flex;}.elementor-1337 .elementor-element.elementor-element-daa638f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1337 .elementor-element.elementor-element-4ffa74a{--display:flex;}.elementor-1337 .elementor-element.elementor-element-00bc45a{--display:flex;}.elementor-1337 .elementor-element.elementor-element-4089295{--display:flex;}body.elementor-page-1337:not(.elementor-motion-effects-element-type-background), body.elementor-page-1337 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1337 .elementor-element.elementor-element-dcb4f51{--width:25%;}.elementor-1337 .elementor-element.elementor-element-e4f2bc4{--width:25%;}.elementor-1337 .elementor-element.elementor-element-0f0c7fa{--width:25%;}.elementor-1337 .elementor-element.elementor-element-f661539{--width:25%;}.elementor-1337 .elementor-element.elementor-element-854c470{--width:50%;}.elementor-1337 .elementor-element.elementor-element-abca52e{--width:50%;}}@media(max-width:767px){.elementor-1337 .elementor-element.elementor-element-4c2f410{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1337 .elementor-element.elementor-element-d05813e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 70px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1337 .elementor-element.elementor-element-d05813e img{max-width:100%;}.elementor-1337 .elementor-element.elementor-element-6f0d04af{margin-top:-80px;margin-bottom:-11px;padding:120px 0px 30px 0px;}.elementor-1337 .elementor-element.elementor-element-244d4ada{width:100%;}.elementor-1337 .elementor-element.elementor-element-244d4ada > .elementor-element-populated{margin:-75px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1337 .elementor-element.elementor-element-2ad58b9{margin:-33px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 40px 0px 40px;}.elementor-1337 .elementor-element.elementor-element-66b896a{--margin-top:-32px;--margin-bottom:27px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1337 .elementor-element.elementor-element-414d349{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1337 .elementor-element.elementor-element-20db6d4 .elementor-heading-title{font-size:35px;}.elementor-1337 .elementor-element.elementor-element-502b0a9b .elementor-heading-title{font-size:35px;}.elementor-1337 .elementor-element.elementor-element-832a450{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1337 .elementor-element.elementor-element-b844dbd{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1337 .elementor-element.elementor-element-7957f9d{--width:500px;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1337 .elementor-element.elementor-element-c679be5{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1337 .elementor-element.elementor-element-5ff890f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1337 .elementor-element.elementor-element-e0d05ac > .elementor-shape-top svg, .elementor-1337 .elementor-element.elementor-element-e0d05ac > .e-con-inner > .elementor-shape-top svg{height:32px;}}/* Start custom CSS *//* =========================
   FMF PRODUCT CARD (HOVER + OVERLAY)
   - Desktop: glow radial + contenu au hover
   - Mobile: glow drop-shadow + contenu au clic (optionnel)
   ========================= */

.fmf-product-card{
  position: relative;
  border-radius: 18px;
  overflow: hidden;           /* garde l'overlay propre */
  isolation: isolate;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,106,0,.25);
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}

/* Image */
.fmf-product-card .fmf-product-img{
  display:block;
  width:100%;
  height:auto;
  transform: translateY(0) scale(1);
  transition: transform .2s ease, filter .2s ease;
}

/* Overlay contenu (texte + bouton) */
.fmf-product-card .fmf-product-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  padding: 16px;
  background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events:none; /* évite de capter le clic quand caché */
  z-index: 2;
}

.fmf-product-card .fmf-product-overlay-inner{
  width:100%;
  color:#fff;
  font-size:14px;
  line-height:1.3;
}

.fmf-product-card .fmf-product-overlay-inner .title{
  font-weight: 800;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.fmf-product-card .fmf-product-overlay-inner .desc{
  margin: 0 0 10px 0;
  opacity: .95;
}

.fmf-product-card .fmf-product-overlay-inner .cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,106,0,.92);
  color:#000;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  border: 1px solid rgba(255,255,255,.25);
  text-decoration:none;
}

/* ---- DESKTOP (>=769px) ---- */
@media (min-width: 769px){
  /* Glow radial derrière (comme ton .fmf-icon) */
  .fmf-product-card::before{
    content:"";
    position:absolute;
    inset:-18px;
    border-radius:20px;
    background: radial-gradient(circle, rgba(255,106,0,.55) 0%, rgba(255,106,0,0) 65%);
    filter: blur(10px);
    opacity: .85;
    z-index: 0;
    pointer-events:none;
    transition: opacity .25s ease, transform .25s ease;
  }

  .fmf-product-card:hover::before{
    opacity: 1;
    transform: scale(1.05);
  }

  .fmf-product-card:hover .fmf-product-img{
    transform: translateY(-2px) scale(1.06);
    filter: drop-shadow(0 0 10px rgba(255,106,0,.65));
  }

  .fmf-product-card:hover .fmf-product-overlay{
    opacity: 1;
    transform: translateY(0);
    pointer-events:auto; /* le bouton devient cliquable */
  }
}

/* ---- MOBILE (<=768px) ---- */
@media (max-width: 768px){
  /* Pas de radial (évite les bugs) */
  .fmf-product-card::before{ display:none; content:none; }

  /* Glow fiable sur l'image */
  .fmf-product-card .fmf-product-img{
    filter:
      drop-shadow(0 0 10px rgba(255,106,0,.70))
      drop-shadow(0 0 18px rgba(255,106,0,.45))
      drop-shadow(0 0 28px rgba(255,106,0,.25));
  }

  /* Overlay caché par défaut */
  .fmf-product-card .fmf-product-overlay{
    opacity: 0;
    transform: translateY(10px);
    pointer-events:none;
  }

  /* Classe activée au clic (via JS) */
  .fmf-product-card.is-open .fmf-product-overlay{
    opacity: 1;
    transform: translateY(0);
    pointer-events:auto;
  }
}
/* =========================
   FMF PRODUCT CARD (HOVER + OVERLAY)
   - Desktop: glow radial + contenu au hover
   - Mobile: glow drop-shadow + contenu au clic (optionnel)
   ========================= */

.fmf-product-card{
  position: relative;
  border-radius: 18px;
  overflow: hidden;           /* garde l'overlay propre */
  isolation: isolate;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,106,0,.25);
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}

/* Image */
.fmf-product-card .fmf-product-img{
  display:block;
  width:100%;
  height:auto;
  transform: translateY(0) scale(1);
  transition: transform .2s ease, filter .2s ease;
}

/* Overlay contenu (texte + bouton) */
.fmf-product-card .fmf-product-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  padding: 16px;
  background: linear-gradient(to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events:none; /* évite de capter le clic quand caché */
  z-index: 2;
}

.fmf-product-card .fmf-product-overlay-inner{
  width:100%;
  color:#fff;
  font-size:14px;
  line-height:1.3;
}

.fmf-product-card .fmf-product-overlay-inner .title{
  font-weight: 800;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.fmf-product-card .fmf-product-overlay-inner .desc{
  margin: 0 0 10px 0;
  opacity: .95;
}

.fmf-product-card .fmf-product-overlay-inner .cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,106,0,.92);
  color:#000;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  border: 1px solid rgba(255,255,255,.25);
  text-decoration:none;
}

/* ---- DESKTOP (>=769px) ---- */
@media (min-width: 769px){
  /* Glow radial derrière (comme ton .fmf-icon) */
  .fmf-product-card::before{
    content:"";
    position:absolute;
    inset:-18px;
    border-radius:20px;
    background: radial-gradient(circle, rgba(255,106,0,.55) 0%, rgba(255,106,0,0) 65%);
    filter: blur(10px);
    opacity: .85;
    z-index: 0;
    pointer-events:none;
    transition: opacity .25s ease, transform .25s ease;
  }

  .fmf-product-card:hover::before{
    opacity: 1;
    transform: scale(1.05);
  }

  .fmf-product-card:hover .fmf-product-img{
    transform: translateY(-2px) scale(1.06);
    filter: drop-shadow(0 0 10px rgba(255,106,0,.65));
  }

  .fmf-product-card:hover .fmf-product-overlay{
    opacity: 1;
    transform: translateY(0);
    pointer-events:auto; /* le bouton devient cliquable */
  }
}

/* ---- MOBILE (<=768px) ---- */
@media (max-width: 768px){
  /* Pas de radial (évite les bugs) */
  .fmf-product-card::before{ display:none; content:none; }

  /* Glow fiable sur l'image */
  .fmf-product-card .fmf-product-img{
    filter:
      drop-shadow(0 0 10px rgba(255,106,0,.70))
      drop-shadow(0 0 18px rgba(255,106,0,.45))
      drop-shadow(0 0 28px rgba(255,106,0,.25));
  }

  /* Overlay caché par défaut */
  .fmf-product-card .fmf-product-overlay{
    opacity: 0;
    transform: translateY(10px);
    pointer-events:none;
  }

  /* Classe activée au clic (via JS) */
  .fmf-product-card.is-open .fmf-product-overlay{
    opacity: 1;
    transform: translateY(0);
    pointer-events:auto;
  }
}
/* ===== FMF Product cards : popup au clic ===== */

.fmf-product-card{
  position: relative;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  isolation: isolate;
}

/* Image */
.fmf-product-img{
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}

/* ===== BADGE INFO (TAILLE MAÎTRISÉE) ===== */
.fmf-product-hint{
  position: absolute;

  bottom: 22px;          /* hauteur depuis le bas */
  left: 50%;             /* centre horizontal */
  transform: translateX(-50%); /* vrai centrage */

  padding: 8px 14px;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .8px;
  border-radius: 10px;

  background: rgba(255,106,0,.95);
  color: #000;
  text-transform: uppercase;

  pointer-events: none;
  box-shadow: 0 0 8px rgba(255,106,0,.35);
  z-index: 6;

  animation: fmf-info-bounce 1.6s infinite ease-in-out;
}

/* Bounce LÉGER (ne grossit PAS visuellement) */
@keyframes fmf-info-bounce{
  0%   { transform: translateX(-50%) scale(1); }
  30%  { transform: translateX(-50%) translateY(-4px) scale(1.02); }
  50%  { transform: translateX(-50%) scale(1); }
  70%  { transform: translateX(-50%) translateY(-2px) scale(1.01); }
  100% { transform: translateX(-50%) scale(1); }
}

/* Cache INFO quand popup ouvert */
.fmf-product-card.is-open .fmf-product-hint{
  opacity: 0;
  animation: none;
}

/* ===== POPUP AU CLIC ===== */
.fmf-product-popup{
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  padding: 16px;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.92) 0%,
    rgba(0,0,0,.55) 55%,
    rgba(0,0,0,.10) 100%
  );

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  z-index: 5;
}

/* Contenu */
.fmf-product-popup-inner{
  width: 100%;
  max-width: 90%;
  color: #fff;
  font-size: 18px;
  line-height: 1.35;
}

.fmf-product-popup-inner .title{
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 0 6px 0;
  letter-spacing: .6px;
}

.fmf-product-popup-inner .desc{
  margin: 0 0 10px 0;
}

/* Bouton Retour (TEL QU’AVANT – VALIDÉ) */
.fmf-product-popup-inner .cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 10px;
  border-radius: 12px;

  background: #ff6a00;
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  text-decoration: none;

  margin-top: 12px;
}

/* Ouverture popup */
.fmf-product-card.is-open .fmf-product-popup{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
/* PC : éviter que le popup soit coupé par Elementor */
@media (min-width: 769px){
  .elementor-widget,
  .elementor-column,
  .elementor-container,
  .elementor-section,
  .e-con,
  .e-con-inner{
    overflow: visible !important;
  }
}
/* PC : la carte passe au-dessus quand ouverte / survol */
@media (min-width: 769px){
  .fmf-product-card{
    z-index: 1;
  }
  .fmf-product-card.is-open,
  .fmf-product-card:hover{
    z-index: 50;
  }
}/* ===== FMF : popup jamais coupé, contenu scrollable si trop long ===== */
.fmf-product-popup{
  padding: 12px;                 /* un peu moins de padding */
}

.fmf-product-popup-inner{
  max-height: calc(100% - 24px); /* reste dans la carte */
  overflow: auto;                /* scroll si trop long */
  -webkit-overflow-scrolling: touch;
  padding-right: 6px;            /* évite texte sous scrollbar */
}

/* Scrollbar discrète (desktop) */
@media (min-width: 769px){
  .fmf-product-popup-inner{
    scrollbar-width: thin;
  }
  .fmf-product-popup-inner::-webkit-scrollbar{
    width: 6px;
  }
  .fmf-product-popup-inner::-webkit-scrollbar-thumb{
    background: rgba(255,106,0,.45);
    border-radius: 999px;
  }
}
/* ===== FMF – RIBBON DIAGONAL "BURN" + MARQUEE ===== */
.fmf-preorder-only{
  position: relative;
}

/* Le bandeau */
.fmf-preorder-only .fmf-ribbon{
  position: absolute;
  top: 26px;
  left: -90px;

  width: 400px;          /* PLUS LARGE */
  height: 55px;          /* PLUS HAUT */
  transform: rotate(-25deg);

  z-index: 15;
  pointer-events: none;
  overflow: hidden;

  border-radius: 14px;
  border: 2px solid rgba(255,255,255,.35);

  background: linear-gradient(90deg,
    #ff6a00 0%,
    #ff3b00 30%,
    #ffb300 60%,
    #ff6a00 100%
  );

  box-shadow:
    0 10px 26px rgba(0,0,0,.45),
    0 0 22px rgba(255,106,0,.65),
    0 0 44px rgba(255,60,0,.45),
    0 0 70px rgba(255,60,0,.25);

  animation: fmf-ribbon-fire 1.2s infinite ease-in-out;
}

/* Effet feu / pulsation */
@keyframes fmf-ribbon-fire{
  0%{
    filter: brightness(1) saturate(1.1);
  }
  40%{
    filter: brightness(1.25) saturate(1.4);
  }
  60%{
    filter: brightness(1.05) saturate(1.2);
  }
  100%{
    filter: brightness(1) saturate(1.1);
  }
}

/* Texte qui défile */
.fmf-preorder-only .fmf-ribbon-track{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 40px;
  animation: fmf-ribbon-marquee 5s linear infinite;
}

/* Défilement */
@keyframes fmf-ribbon-marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

/* Texte */
.fmf-preorder-only .fmf-ribbon-track span{
  white-space: nowrap;
  font-size: 16px;        /* TEXTE PLUS GROS */
  font-weight: 1000;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: #100a00;

  text-shadow:
    0 0 10px rgba(255,255,255,.25),
    0 0 14px rgba(255,180,0,.45),
    0 0 22px rgba(255,60,0,.35);
}
/* ===========================
   FMF – BANDEAU PRÉCOMMANDE
   RÉGLAGE SPÉCIAL MOBILE
=========================== */
@media (max-width: 768px){

  .fmf-preorder-only .fmf-ribbon{
    top: 12px;            /* descend un peu */
    left: -72px;          /* moins décalé */
    
    width: 260px;         /* PLUS PETIT */
    height: 38px;         /* PLUS FIN */
    
    transform: rotate(-30deg); /* moins agressif sur petit écran */
    
    border-radius: 10px;

    box-shadow:
      0 6px 16px rgba(0,0,0,.40),
      0 0 14px rgba(255,106,0,.55),
      0 0 28px rgba(255,60,0,.30);
  }

  .fmf-preorder-only .fmf-ribbon-track{
    gap: 22px;            /* texte moins étiré */
  }

  .fmf-preorder-only .fmf-ribbon-track span{
    font-size: 12px;      /* TEXTE MOBILE */
    letter-spacing: 1.6px;
  }
}
/* ===== FMF – EMBERS OVERLAY (réaliste & continu) ===== */
.fmf-hero-embers{
  position: relative;
  overflow: hidden;
}

/* Couche d’escarbilles */
.fmf-hero-embers::before{
  content:"";
  position:absolute;
  inset:-25%;
  z-index: 10;
  pointer-events:none;

  /* Particules petites + moyennes (réalistes) */
  background-image:
    radial-gradient(circle, rgba(255,170,90,.9) 0 1.2px, rgba(0,0,0,0) 3px),
    radial-gradient(circle, rgba(255,120,0,.8) 0 1.8px, rgba(0,0,0,0) 4.5px),
    radial-gradient(circle, rgba(255,60,0,.65) 0 2.4px, rgba(0,0,0,0) 6px);

  background-size:
    120px 120px,
    180px 180px,
    260px 260px;

  background-position:
    0 0,
    60px 90px,
    130px 40px;

  filter:
    drop-shadow(0 0 4px rgba(255,140,0,.35))
    drop-shadow(0 0 8px rgba(255,60,0,.18));

  opacity: .45;

  /* Mouvement continu (pas de vague) */
  transform: translateY(30%) rotate(-8deg);
  animation: fmf-embers-rise-smooth 14s linear infinite;
}

/* Lueur chaude très légère */
.fmf-hero-embers::after{
  content:"";
  position:absolute;
  inset:0;
  z-index: 9;
  pointer-events:none;

  background: radial-gradient(
    circle at 50% 85%,
    rgba(255,120,0,.15),
    rgba(0,0,0,0) 65%
  );

  mix-blend-mode: screen;
  opacity: .6;
}

/* Animation fluide sans rupture */
@keyframes fmf-embers-rise-smooth{
  0%{
    transform: translateY(35%) rotate(-8deg);
    opacity: .35;
  }
  20%{
    opacity: .45;
  }
  80%{
    opacity: .45;
  }
  100%{
    transform: translateY(-45%) rotate(-8deg);
    opacity: .35;
  }
}

/* =========================================
   FMF SIGNPOST – GLOW FEU (TRÈS VISIBLE)
   - Stack propre (images mêmes dimensions)
   - La classe .is-on déclenche : pop + glow + disparition
   ========================================= */

.fmf-signpost{
  position: relative;
  width: min(520px, 92vw);
  margin: 0 auto;
  line-height: 0;

  /* Couleurs glow “feu” */
  --glowHot: rgba(255, 60, 0, .70);    /* rouge feu */
  --glowOrange: rgba(255, 106, 0, .75);/* orange FMF */
  --glowGold: rgba(255, 190, 40, .55); /* jaune chaud */
}

/* Images */
.fmf-signpost img{
  display:block;
  width:100%;
  height:auto;
}

/* Poteau */
.fmf-signpost .pole{
  position: relative;
  z-index: 1;
}

/* Flèches : superposition stricte + cachées par défaut */
.fmf-signpost .arrow{
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  filter: none;
  will-change: opacity, filter;
}

/* Quand JS ajoute .is-on : animation pop+glow+disparition */
.fmf-signpost .arrow.is-on{
  animation: fmf-fire-pop 1.2s ease-in-out both;
}

/* Pop visuel sans bouger l’image (pas de translate/scale) :
   on ne joue que sur opacity + drop-shadow */
@keyframes fmf-fire-pop{
  /* invisible */
  0%{
    opacity: 0;
    filter:
      drop-shadow(0 0 0 rgba(0,0,0,0));
  }

  /* apparition rapide + flash feu */
  18%{
    opacity: 1;
    filter:
      drop-shadow(0 0 18px var(--glowHot))
      drop-shadow(0 0 34px var(--glowOrange))
      drop-shadow(0 0 54px rgba(255,106,0,.35))
      drop-shadow(0 0 70px rgba(255,60,0,.18));
  }

  /* maintien (glow stable mais encore bien visible) */
  65%{
    opacity: 1;
    filter:
      drop-shadow(0 0 14px var(--glowOrange))
      drop-shadow(0 0 26px rgba(255,106,0,.35))
      drop-shadow(0 0 42px rgba(255,190,40,.18));
  }

  /* disparition progressive (retour à invisible) */
  100%{
    opacity: 0;
    filter:
      drop-shadow(0 0 0 rgba(0,0,0,0));
  }
}

/* Accessibilité : si l’utilisateur préfère réduire les animations */
@media (prefers-reduced-motion: reduce){
  .fmf-signpost .arrow.is-on{
    animation: none;
    opacity: 1;                 /* dans ce mode, la flèche reste visible */
    filter:
      drop-shadow(0 0 18px var(--glowOrange))
      drop-shadow(0 0 34px rgba(255,106,0,.35));
  }
}
/* ===========================
   CONTAINER SIGNPOST (PC/Mobile)
   =========================== */

.fmf-signpost-wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  /* espace autour */
  padding: 16px 0;
  margin: 0 auto;
}

/* PC / Desktop */
@media (min-width: 769px){
  .fmf-signpost-wrap{
    padding: 22px 0;
  }

  /* taille PC : plus grand */
  .fmf-signpost{
    width: 520px;     /* ajuste ici si tu veux plus grand: 560 / 600 */
    max-width: 520px;
  }
}

/* Mobile */
@media (max-width: 768px){
  .fmf-signpost-wrap{
    padding: 10px 0 18px;
  }

  .fmf-signpost{
    width: min(300px, 82vw);
    max-width: 300px;
  }
}
/* =========================
   BLOC 2 — CSS (Page Elementor)
   ✅ Accordéon + badges + glow + fix container flex
   ========================= */

/* Base */
.fmf-acc-item{
  max-width: 820px;
  margin: 0 auto 18px;
}

.fmf-acc-trigger{
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  line-height: 0;
  overflow: hidden; /* fermé par défaut */
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  user-select: none;
}

.fmf-acc-trigger img{
  display:block;
  width:100%;
  height:auto;
}

.fmf-acc-trigger img.base{
  position: relative;
  z-index: 1;
}

.fmf-acc-trigger img.hover{
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, filter .25s ease;
}

/* Hover desktop */
@media (hover:hover){
  .fmf-acc-trigger:hover img.hover{ opacity: 1; }
}

/* Ouvert */
.fmf-acc-item.is-open .fmf-acc-trigger img.hover{ opacity: 1; }

/* Panel */
.fmf-acc-panel{
  margin-top: 10px;
  background: rgba(0,0,0,.55);
  border-radius: 14px;
  padding: 14px 18px;
  text-align: left;
}
.fmf-acc-panel p{
  margin: 10px 0;
  color: #f5f5f5;
  line-height: 1.45;
  display:block;
}
.fmf-acc-panel[hidden]{ display:none !important; }

/* Badges vert/rouge (fiable, pas d’emojis colorés) */
.fmf-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-weight: 900;
  font-size: 13px;
  margin-right: 8px;
  transform: translateY(-1px);
  color: #111;
}
.fmf-mark.ok{ background:#2ecc71; }
.fmf-mark.no{ background:#e74c3c; }

/* Glow FEU (après clic) */
@media (max-width: 768px){
  .fmf-acc-item.is-open .fmf-acc-trigger img.hover{
    filter:
      drop-shadow(0 0 6px  rgba(255,80,0,.55))
      drop-shadow(0 0 14px rgba(255,120,0,.35));
  }
}
@media (min-width: 769px){
  .fmf-acc-item.is-open .fmf-acc-trigger img.hover{
    filter:
      drop-shadow(0 0 10px rgba(255,90,0,.85))
      drop-shadow(0 0 22px rgba(255,140,0,.55))
      drop-shadow(0 0 36px rgba(255,60,0,.35));
  }
}

/* Débordement glow : libérer seulement quand ouvert */
.fmf-acc-item.is-open .fmf-acc-trigger{ overflow: visible; }
.fmf-acc-item.is-open{ position: relative; z-index: 9999; }

/* ✅ FIX Container Flex Elementor (PC) : utilise :has() */
.e-con:has(.fmf-acc-item.is-open),
.e-con-inner:has(.fmf-acc-item.is-open){
  overflow: visible !important;
}
/* Cache le CTA quoi qu’il arrive */
.fmf-preco-btn{
  display: none !important;
  margin: 14px auto 0;
}

/* Dès qu’une carte est ouverte => afficher le CTA */
.fmf-preco-btn{
  display: none !important;
  margin: 14px auto 0;
}

.fmf-preco-btn.is-visible{
  display: block !important;
}/* End custom CSS */</style>{"id":1337,"date":"2025-12-14T10:40:53","date_gmt":"2025-12-14T10:40:53","guid":{"rendered":"https:\/\/metalfestgame.com\/?page_id=1337"},"modified":"2026-06-12T08:10:20","modified_gmt":"2026-06-12T08:10:20","slug":"fucking-metal-fest-precommande","status":"publish","type":"page","link":"https:\/\/metalfestgame.com\/index.php\/fucking-metal-fest-precommande\/","title":{"rendered":"Fucking Metal Fest \u2013 Pr\u00e9commande"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1337\" class=\"elementor elementor-1337\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c2f410 e-flex e-con-boxed e-con e-parent\" data-id=\"4c2f410\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d05813e fmf-hero-embers elementor-widget elementor-widget-image\" data-id=\"d05813e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"411\" src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/test-hero2-1024x526.jpg\" class=\"attachment-large size-large wp-image-1908\" alt=\"\" srcset=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/test-hero2-1024x526.jpg 1024w, https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/test-hero2-1200x616.jpg 1200w, https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/test-hero2-300x154.jpg 300w, https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/test-hero2-768x394.jpg 768w, https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/test-hero2-1536x789.jpg 1536w, https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/test-hero2-2048x1052.jpg 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f0d04af elementor-section-height-full elementor-section-full_width elementor-section-height-default elementor-section-items-middle\" data-id=\"6f0d04af\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;wave-brush&quot;,&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-244d4ada\" data-id=\"244d4ada\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ad58b9 elementor-widget elementor-widget-html\" data-id=\"2ad58b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root{\r\n    --fmf-text-color:#e00000;\r\n    --fmf-stroke-color:#ffffff;\r\n    --fmf-glow-color:#ff0000;\r\n  }\r\n\r\n  @font-face{\r\n    font-family:'Squealer';\r\n    src:url('https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Squealer.ttf') format('truetype');\r\n    font-display:swap;\r\n  }\r\n\r\n  .fmf-title-wrapper{\r\n    width:100%;\r\n    text-align:center;\r\n    position:relative;\r\n    padding:12px 0;\r\n  }\r\n\r\n  .fmf-title,\r\n  .fmf-title-glow{\r\n    font-family:'Squealer', sans-serif;\r\n    font-size:clamp(40px, 9vw, 120px);\r\n    line-height:;\r\n    margin:0;\r\n    text-align:center;\r\n  }\r\n\r\n  \/* GLOW *\/\r\n  .fmf-title-glow{\r\n    position:absolute;\r\n    inset:0;\r\n    color:transparent;\r\n    text-shadow:\r\n      0 0 12px var(--fmf-glow-color),\r\n      0 0 24px var(--fmf-glow-color),\r\n      0 0 40px var(--fmf-glow-color),\r\n      0 0 60px var(--fmf-glow-color);\r\n    pointer-events:none;\r\n    z-index:1;\r\n  }\r\n\r\n  \/* TEXTE PRINCIPAL *\/\r\n  .fmf-title{\r\n    position:relative;\r\n    z-index:2;\r\n    color:var(--fmf-text-color);\r\n    -webkit-text-stroke:3px var(--fmf-stroke-color);\r\n    paint-order:stroke fill;\r\n    display:inline-block;\r\n    animation:fmf-bounce 1.4s infinite ease-in-out;\r\n  }\r\n\r\n  @keyframes fmf-bounce{\r\n    0%{transform:translateY(0);}\r\n    30%{transform:translateY(-12px);}\r\n    50%{transform:translateY(0);}\r\n    70%{transform:translateY(-6px);}\r\n    100%{transform:translateY(0);}\r\n  }\r\n\r\n  @media (max-width:480px){\r\n    .fmf-title,\r\n    .fmf-title-glow{\r\n      font-size:clamp(32px, 12vw, 64px);\r\n      line-height:1.3;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"fmf-title-wrapper\" data-text=\"COMMANDES<br>OUVERTES\">\r\n  <h1 class=\"fmf-title-glow\"><\/h1>\r\n  <h1 class=\"fmf-title\"><\/h1>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const blocks = document.querySelectorAll(\".fmf-title-wrapper[data-text]\");\r\n    blocks.forEach(block => {\r\n      const html = block.getAttribute(\"data-text\");\r\n      const glow = block.querySelector(\".fmf-title-glow\");\r\n      const main = block.querySelector(\".fmf-title\");\r\n      if(glow) glow.innerHTML = html;\r\n      if(main) main.innerHTML = html;\r\n    });\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66b896a e-flex e-con-boxed e-con e-parent\" data-id=\"66b896a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-414d349 elementor-widget elementor-widget-html\" data-id=\"414d349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --fmf-text-color: #e00000;\r\n    --fmf-stroke-color: #ffffff;\r\n    --fmf-glow-color: #ff0000;\r\n    --fmf-label-color: #ffffff;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: 'Squealer';\r\n    src: url('https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Squealer.ttf') format('truetype');\r\n    font-display: swap;\r\n  }\r\n\r\n  .fmf-countdown-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: flex-end; \/* desktop = droite *\/\r\n  }\r\n\r\n  .fmf-countdown {\r\n    display: flex;\r\n    gap: 18px;\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n  }\r\n\r\n  .fmf-count-box {\r\n    position: relative;\r\n    background: rgba(0, 0, 0, 0.45);\r\n    padding: 12px 16px;           \/* \u2705 TES VALEURS *\/\r\n    min-width: 90px;              \/* \u2705 TES VALEURS *\/\r\n    border-radius: 12px;          \/* \u2705 TES VALEURS *\/\r\n    border: 2px solid rgba(255,255,255,0.25);\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n  }\r\n\r\n  .fmf-glow,\r\n  .fmf-value {\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .fmf-glow {\r\n    position: absolute;\r\n    top: 12px;                    \/* \u2705 TES VALEURS *\/\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    font-family: 'Squealer', sans-serif;\r\n    font-size: clamp(28px, 6vw, 56px);  \/* \u2705 TES VALEURS *\/\r\n    line-height: 1;\r\n    margin: 0;\r\n    color: transparent;\r\n    text-shadow:\r\n      0 0 10px var(--fmf-glow-color),\r\n      0 0 20px var(--fmf-glow-color),\r\n      0 0 30px var(--fmf-glow-color);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .fmf-value {\r\n    position: relative;\r\n    font-family: 'Squealer', sans-serif;\r\n    font-size: clamp(28px, 6vw, 56px);  \/* \u2705 TES VALEURS *\/\r\n    line-height: 1;\r\n    margin: 0;\r\n    color: var(--fmf-text-color);\r\n    -webkit-text-stroke: 2px var(--fmf-stroke-color);\r\n    paint-order: stroke fill;\r\n    z-index: 2;\r\n    animation: fmf-pulse 1.8s infinite ease-in-out;\r\n  }\r\n\r\n  .fmf-label {\r\n    font-size: 11px;              \/* \u2705 TES VALEURS *\/\r\n    color: var(--fmf-label-color);\r\n    margin-top: 6px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  @keyframes fmf-pulse {\r\n    0%   { transform: scale(1); }\r\n    50%  { transform: scale(1.06); }\r\n    100% { transform: scale(1); }\r\n  }\r\n\r\n  \/* \ud83d\udcf1 MOBILE *\/\r\n  @media (max-width: 480px) {\r\n    .fmf-countdown-wrapper {\r\n      justify-content: center;    \/* \u2705 centr\u00e9 sur mobile *\/\r\n    }\r\n\r\n    .fmf-countdown {\r\n      gap: 6px;                   \/* \u2705 TES VALEURS *\/\r\n      transform: scale(0.85);     \/* \u2705 TES VALEURS *\/\r\n      transform-origin: center;   \/* \u2705 pour centrer vraiment *\/\r\n    }\r\n\r\n    .fmf-count-box {\r\n      min-width: 60px;            \/* \u2705 TES VALEURS *\/\r\n      padding: 8px 10px;          \/* \u2705 TES VALEURS *\/\r\n      border-radius: 8px;         \/* \u2705 TES VALEURS *\/\r\n    }\r\n\r\n    .fmf-value,\r\n    .fmf-glow {\r\n      font-size: clamp(18px, 8vw, 32px); \/* \u2705 TES VALEURS *\/\r\n    }\r\n\r\n    .fmf-label {\r\n      font-size: 9px;             \/* \u2705 TES VALEURS *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"fmf-countdown-wrapper\">\r\n<div class=\"fmf-countdown-wrapper\" style=\"display:none;\">\r\n\r\n    <div class=\"fmf-count-box\">\r\n      <div class=\"fmf-glow\" id=\"g-days\">00<\/div>\r\n      <div class=\"fmf-value\" id=\"v-days\">00<\/div>\r\n      <div class=\"fmf-label\">Jours<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fmf-count-box\">\r\n      <div class=\"fmf-glow\" id=\"g-hours\">00<\/div>\r\n      <div class=\"fmf-value\" id=\"v-hours\">00<\/div>\r\n      <div class=\"fmf-label\">Heures<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fmf-count-box\">\r\n      <div class=\"fmf-glow\" id=\"g-minutes\">00<\/div>\r\n      <div class=\"fmf-value\" id=\"v-minutes\">00<\/div>\r\n      <div class=\"fmf-label\">Minutes<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fmf-count-box\">\r\n      <div class=\"fmf-glow\" id=\"g-seconds\">00<\/div>\r\n      <div class=\"fmf-value\" id=\"v-seconds\">00<\/div>\r\n      <div class=\"fmf-label\">Secondes<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ \u2705 Date cible : 28 f\u00e9vrier 2026 \u00e0 00h00 (heure locale du navigateur)\r\n  const fmfTargetDate = new Date(2026, 2, 3, 0, 0, 0); \/\/ mois=1 => f\u00e9vrier\r\n\r\n  \/\/ \u2705 On r\u00e9cup\u00e8re EXPLICITEMENT les \u00e9l\u00e9ments (anti Safari \/ anti Elementor)\r\n  const vDays    = document.getElementById(\"v-days\");\r\n  const vHours   = document.getElementById(\"v-hours\");\r\n  const vMinutes = document.getElementById(\"v-minutes\");\r\n  const vSeconds = document.getElementById(\"v-seconds\");\r\n\r\n  const gDays    = document.getElementById(\"g-days\");\r\n  const gHours   = document.getElementById(\"g-hours\");\r\n  const gMinutes = document.getElementById(\"g-minutes\");\r\n  const gSeconds = document.getElementById(\"g-seconds\");\r\n\r\n  function fmfUpdate() {\r\n    const now = new Date();\r\n    let diff = fmfTargetDate - now;\r\n\r\n    if (diff <= 0) diff = 0;\r\n\r\n    const sTotal = Math.floor(diff \/ 1000);\r\n    const d = Math.floor(sTotal \/ 86400);\r\n    const h = Math.floor((sTotal % 86400) \/ 3600);\r\n    const m = Math.floor((sTotal % 3600) \/ 60);\r\n    const s = sTotal % 60;\r\n\r\n    const pad = (n) => n.toString().padStart(2, \"0\");\r\n\r\n    vDays.textContent    = pad(d);\r\n    vHours.textContent   = pad(h);\r\n    vMinutes.textContent = pad(m);\r\n    vSeconds.textContent = pad(s);\r\n\r\n    gDays.textContent    = pad(d);\r\n    gHours.textContent   = pad(h);\r\n    gMinutes.textContent = pad(m);\r\n    gSeconds.textContent = pad(s);\r\n  }\r\n\r\n  fmfUpdate();\r\n  setInterval(fmfUpdate, 1000);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20db6d4 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"20db6d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le Jeu De Cartes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-502b0a9b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"502b0a9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu, Cantarell, &quot;Helvetica Neue&quot;, sans-serif;font-weight: bold\">100 % Metal<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-139eeda elementor-widget elementor-widget-heading\" data-id=\"139eeda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\"><i style=\"font-size:32px\">\nQui transforme ta table en festival\net te f\u00e2che avec tes potes...\n<\/i><\/h5>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-4e4e189 e-flex e-con-boxed e-con e-parent\" data-id=\"4e4e189\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-832a450 elementor-widget elementor-widget-html\" data-id=\"832a450\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fmf-signpost-wrap\">\r\n  <div class=\"fmf-signpost\" id=\"fmf-signpost\">\r\n    <img decoding=\"async\" class=\"pole\" src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2026\/03\/poteau-central2-scaled.png\" alt=\"Poteau\">\r\n\r\n    <img decoding=\"async\" class=\"arrow a1\" src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/fleche-01.png\" alt=\"\">\r\n    <img decoding=\"async\" class=\"arrow a2\" src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/fleche-02.png\" alt=\"\">\r\n    <img decoding=\"async\" class=\"arrow a3\" src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/fleche-03.png\" alt=\"\">\r\n   <img decoding=\"async\" class=\"arrow a4\" src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2026\/03\/fleche-042-scaled.png\" alt=\"\">\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0537e8b fmf-btn e-con-full e-flex e-con e-child\" data-id=\"0537e8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b844dbd elementor-widget elementor-widget-html\" data-id=\"b844dbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a class=\"fmf-png-btn fmf-preco-btn\"\r\n   href=\"https:https:\/\/metalfestgame.com\/index.php\/boutique\/\"\r\n   aria-label=\"Pr\u00e9commande\">\r\n  <img decoding=\"async\" class=\"base\"\r\n       src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-preco-skull.png\"\r\n       alt=\"Pr\u00e9commande\">\r\n  <img decoding=\"async\" class=\"hover\"\r\n       src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-preco-skull-hover.png\"\r\n       alt=\"\">\r\n<\/a>\r\n\r\n<style>\r\n  .fmf-png-btn{\r\n    position: relative;\r\n    display: inline-block;\r\n    line-height: 0;\r\n    cursor: pointer;\r\n    max-width: 280px; \/* Desktop *\/\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .fmf-png-btn{ max-width: 220px; } \/* Mobile *\/\r\n  }\r\n\r\n  .fmf-png-btn img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n  }\r\n\r\n  .fmf-png-btn .hover{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    transition:opacity .2s ease;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Desktop hover *\/\r\n  @media (hover: hover) and (pointer: fine){\r\n    .fmf-png-btn:hover .hover{ opacity:1; }\r\n  }\r\n\r\n  \/* Mobile active state *\/\r\n  .fmf-png-btn.is-active .hover{ opacity:1; }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const btns = document.querySelectorAll('.fmf-png-btn');\r\n  if(!btns.length) return;\r\n\r\n  const isTouch =\r\n    ('ontouchstart' in window) ||\r\n    (navigator.maxTouchPoints > 0);\r\n\r\n  btns.forEach(btn => {\r\n    if(!isTouch) return;\r\n\r\n    let navigating = false;\r\n    let startX = 0;\r\n    let startY = 0;\r\n    let moved = false;\r\n\r\n    const MOVE_TOLERANCE = 10; \/\/ px autoris\u00e9s avant annulation\r\n\r\n    btn.addEventListener('touchstart', function(e){\r\n      if(navigating) return;\r\n\r\n      startX = e.touches[0].clientX;\r\n      startY = e.touches[0].clientY;\r\n      moved = false;\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchmove', function(e){\r\n      const dx = Math.abs(e.touches[0].clientX - startX);\r\n      const dy = Math.abs(e.touches[0].clientY - startY);\r\n\r\n      if (dx > MOVE_TOLERANCE || dy > MOVE_TOLERANCE) {\r\n        moved = true; \/\/ scroll d\u00e9tect\u00e9\r\n      }\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchend', function(e){\r\n      if(navigating || moved) return;\r\n\r\n      e.preventDefault();\r\n      navigating = true;\r\n\r\n      btn.classList.add('is-active');\r\n\r\n      \/* \ud83d\udcf3 vibration l\u00e9g\u00e8re *\/\r\n      if (navigator.vibrate) {\r\n        navigator.vibrate(20);\r\n      }\r\n\r\n      \/* \u23f1\ufe0f d\u00e9lai avant navigation *\/\r\n      setTimeout(() => {\r\n        window.location.href = btn.getAttribute('href');\r\n      }, 600);\r\n    }, { passive: false });\r\n\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c202c5d elementor-widget elementor-widget-html\" data-id=\"c202c5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const root = document.querySelector(\"#fmf-signpost\");\r\n  if(!root) return;\r\n\r\n  const arrows = [\r\n    root.querySelector(\".a1\"),\r\n    root.querySelector(\".a2\"),\r\n    root.querySelector(\".a3\"),\r\n    root.querySelector(\".a4\"),\r\n  ].filter(Boolean);\r\n\r\n  if(arrows.length === 0) return;\r\n\r\n  const duration = 1200; \/\/ dur\u00e9e totale d\u2019une fl\u00e8che (ms)\r\n  let index = 0;\r\n\r\n  function showNext(){\r\n    \/\/ on nettoie tout\r\n    arrows.forEach(a => a.classList.remove(\"is-on\"));\r\n\r\n    \/\/ on montre UNE fl\u00e8che\r\n    const current = arrows[index];\r\n    current.classList.add(\"is-on\");\r\n\r\n    \/\/ fl\u00e8che suivante\r\n    index = (index + 1) % arrows.length;\r\n  }\r\n\r\n  \/\/ premi\u00e8re\r\n  showNext();\r\n\r\n  \/\/ boucle infinie\r\n  setInterval(showNext, duration);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7957f9d e-con-full e-flex e-con e-parent\" data-id=\"7957f9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dcb4f51 e-con-full e-flex e-con e-child\" data-id=\"dcb4f51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1c9f2 elementor-widget elementor-widget-html\" data-id=\"6f1c9f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fmf-product-card\">\r\n  <img decoding=\"async\" class=\"fmf-product-img\"\r\n       src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/produit-1-3.jpg\"\r\n       alt=\"Bo\u00eete de base\">\r\n\r\n  <span class=\"fmf-product-hint\">CONTENU<\/span>\r\n\r\n  <div class=\"fmf-product-popup\">\r\n    <div class=\"fmf-product-popup-inner\">\r\n      <div class=\"title\">Bo\u00eete de base<\/div>\r\n      <div class=\"desc\">\r\n        30 cartes Groupe<br>\r\n        46 cartes \u00c9v\u00e9nement<br>\r\n        68 pions Fans<br>\r\n        8 pions Warm-Up<br>\r\n        2 pions Fuck<br>\r\n        4 aides de jeu<br>\r\n        1 livret de r\u00e8gles\r\n      <\/div>\r\n      <a class=\"cta fmf-close\" href=\"#\">Retour<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d40d48 fmf-btn e-con-full e-flex e-con e-child\" data-id=\"6d40d48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c679be5 elementor-widget elementor-widget-html\" data-id=\"c679be5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a class=\"fmf-png-btn fmf-preco-btn\"\r\n   href=\"https:https:\/\/metalfestgame.com\/index.php\/boutique\/\"\r\n   aria-label=\"Pr\u00e9commande\">\r\n  <img decoding=\"async\" class=\"base\"\r\n       src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-preco-skull.png\"\r\n       alt=\"Pr\u00e9commande\">\r\n  <img decoding=\"async\" class=\"hover\"\r\n       src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-preco-skull-hover.png\"\r\n       alt=\"\">\r\n<\/a>\r\n\r\n<style>\r\n  .fmf-png-btn{\r\n    position: relative;\r\n    display: inline-block;\r\n    line-height: 0;\r\n    cursor: pointer;\r\n    max-width: 280px; \/* Desktop *\/\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .fmf-png-btn{ max-width: 220px; } \/* Mobile *\/\r\n  }\r\n\r\n  .fmf-png-btn img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n  }\r\n\r\n  .fmf-png-btn .hover{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    transition:opacity .2s ease;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Desktop hover *\/\r\n  @media (hover: hover) and (pointer: fine){\r\n    .fmf-png-btn:hover .hover{ opacity:1; }\r\n  }\r\n\r\n  \/* Mobile active state *\/\r\n  .fmf-png-btn.is-active .hover{ opacity:1; }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const btns = document.querySelectorAll('.fmf-png-btn');\r\n  if(!btns.length) return;\r\n\r\n  const isTouch =\r\n    ('ontouchstart' in window) ||\r\n    (navigator.maxTouchPoints > 0);\r\n\r\n  btns.forEach(btn => {\r\n    if(!isTouch) return;\r\n\r\n    let navigating = false;\r\n    let startX = 0;\r\n    let startY = 0;\r\n    let moved = false;\r\n\r\n    const MOVE_TOLERANCE = 10; \/\/ px autoris\u00e9s avant annulation\r\n\r\n    btn.addEventListener('touchstart', function(e){\r\n      if(navigating) return;\r\n\r\n      startX = e.touches[0].clientX;\r\n      startY = e.touches[0].clientY;\r\n      moved = false;\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchmove', function(e){\r\n      const dx = Math.abs(e.touches[0].clientX - startX);\r\n      const dy = Math.abs(e.touches[0].clientY - startY);\r\n\r\n      if (dx > MOVE_TOLERANCE || dy > MOVE_TOLERANCE) {\r\n        moved = true; \/\/ scroll d\u00e9tect\u00e9\r\n      }\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchend', function(e){\r\n      if(navigating || moved) return;\r\n\r\n      e.preventDefault();\r\n      navigating = true;\r\n\r\n      btn.classList.add('is-active');\r\n\r\n      \/* \ud83d\udcf3 vibration l\u00e9g\u00e8re *\/\r\n      if (navigator.vibrate) {\r\n        navigator.vibrate(20);\r\n      }\r\n\r\n      \/* \u23f1\ufe0f d\u00e9lai avant navigation *\/\r\n      setTimeout(() => {\r\n        window.location.href = btn.getAttribute('href');\r\n      }, 600);\r\n    }, { passive: false });\r\n\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4f2bc4 e-con-full e-flex e-con e-child\" data-id=\"e4f2bc4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e36871 elementor-widget elementor-widget-html\" data-id=\"4e36871\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fmf-product-card\">\r\n  <img decoding=\"async\" class=\"fmf-product-img\"\r\n       src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/produit-2-3.jpg\"\r\n       alt=\"Bo\u00eete de base\">\r\n\r\n  <span class=\"fmf-product-hint\">CONTENU<\/span>\r\n\r\n  <div class=\"fmf-product-popup\">\r\n    <div class=\"fmf-product-popup-inner\">\r\n      <div class=\"title\">Bo\u00eete de base<\/div>\r\n      <div class=\"desc\">\r\n        30 cartes Groupe<br>\r\n        46 cartes \u00c9v\u00e9nement<br>\r\n        68 pions Fans<br>\r\n        8 pions Warm-Up<br>\r\n        2 pions Fuck<br>\r\n        4 aides de jeu<br>\r\n        1 livret de r\u00e8gles<br>\r\n        + l'extention Overdrive\r\n      <\/div>\r\n      <a class=\"cta fmf-close\" href=\"#\">Retour<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-591db6e e-con-full e-flex e-con e-child\" data-id=\"591db6e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50859fa elementor-widget elementor-widget-html\" data-id=\"50859fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a class=\"fmf-png-btn fmf-preco-btn\"\r\n   href=\"https:https:\/\/metalfestgame.com\/index.php\/boutique\/\"\r\n   aria-label=\"Pr\u00e9commande\">\r\n  <img decoding=\"async\" class=\"base\"\r\n       src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-preco-skull.png\"\r\n       alt=\"Pr\u00e9commande\">\r\n  <img decoding=\"async\" class=\"hover\"\r\n       src=\"https:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-preco-skull-hover.png\"\r\n       alt=\"\">\r\n<\/a>\r\n\r\n<style>\r\n  .fmf-png-btn{\r\n    position: relative;\r\n    display: inline-block;\r\n    line-height: 0;\r\n    cursor: pointer;\r\n    max-width: 280px; \/* Desktop *\/\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .fmf-png-btn{ max-width: 220px; } \/* Mobile *\/\r\n  }\r\n\r\n  .fmf-png-btn img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n  }\r\n\r\n  .fmf-png-btn .hover{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    transition:opacity .2s ease;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Desktop hover *\/\r\n  @media (hover: hover) and (pointer: fine){\r\n    .fmf-png-btn:hover .hover{ opacity:1; }\r\n  }\r\n\r\n  \/* Mobile active state *\/\r\n  .fmf-png-btn.is-active .hover{ opacity:1; }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const btns = document.querySelectorAll('.fmf-png-btn');\r\n  if(!btns.length) return;\r\n\r\n  const isTouch =\r\n    ('ontouchstart' in window) ||\r\n    (navigator.maxTouchPoints > 0);\r\n\r\n  btns.forEach(btn => {\r\n    if(!isTouch) return;\r\n\r\n    let navigating = false;\r\n    let startX = 0;\r\n    let startY = 0;\r\n    let moved = false;\r\n\r\n    const MOVE_TOLERANCE = 10; \/\/ px autoris\u00e9s avant annulation\r\n\r\n    btn.addEventListener('touchstart', function(e){\r\n      if(navigating) return;\r\n\r\n      startX = e.touches[0].clientX;\r\n      startY = e.touches[0].clientY;\r\n      moved = false;\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchmove', function(e){\r\n      const dx = Math.abs(e.touches[0].clientX - startX);\r\n      const dy = Math.abs(e.touches[0].clientY - startY);\r\n\r\n      if (dx > MOVE_TOLERANCE || dy > MOVE_TOLERANCE) {\r\n        moved = true; \/\/ scroll d\u00e9tect\u00e9\r\n      }\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchend', function(e){\r\n      if(navigating || moved) return;\r\n\r\n      e.preventDefault();\r\n      navigating = true;\r\n\r\n      btn.classList.add('is-active');\r\n\r\n      \/* \ud83d\udcf3 vibration l\u00e9g\u00e8re *\/\r\n      if (navigator.vibrate) {\r\n        navigator.vibrate(20);\r\n      }\r\n\r\n      \/* \u23f1\ufe0f d\u00e9lai avant navigation *\/\r\n      setTimeout(() => {\r\n        window.location.href = btn.getAttribute('href');\r\n      }, 600);\r\n    }, { passive: false });\r\n\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f0c7fa e-con-full e-flex e-con e-child\" data-id=\"0f0c7fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-640f2b0 elementor-widget elementor-widget-html\" data-id=\"640f2b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fmf-product-card\">\r\n  <img decoding=\"async\" class=\"fmf-product-img\"\r\n       src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/produit-3-3.jpg\"\r\n       alt=\"Bo\u00eete de base\">\r\n\r\n  <span class=\"fmf-product-hint\">CONTENU<\/span>\r\n\r\n  <div class=\"fmf-product-popup\">\r\n    <div class=\"fmf-product-popup-inner\">\r\n      <div class=\"title\">Bo\u00eete de base<\/div>\r\n      <div class=\"desc\">\r\n        30 cartes Groupe<br>\r\n        46 cartes \u00c9v\u00e9nement<br>\r\n        68 pions Fans<br>\r\n        8 pions Warm-Up<br>\r\n        2 pions Fuck<br>\r\n        4 aides de jeu<br>\r\n        1 livret de r\u00e8gles<br>\r\n        + l'extention Overdrive<br>\r\n        + l'extention Hellfire\r\n      <\/div>\r\n      <a class=\"cta fmf-close\" href=\"#\">Retour<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f661539 e-con-full e-flex e-con e-child\" data-id=\"f661539\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4707e0 elementor-widget elementor-widget-html\" data-id=\"e4707e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fmf-product-card fmf-preorder-only\">\r\n  <img decoding=\"async\" class=\"fmf-product-img\"\r\n       src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/produit-4-3.jpg\"\r\n       alt=\"Bo\u00eete de base \u2013 Pr\u00e9commande\">\r\n\r\n  <!-- Bandeau diagonal anim\u00e9 -->\r\n  <div class=\"fmf-ribbon\">\r\n    <div class=\"fmf-ribbon-track\">\r\n      <span>PRECOMANDE ONLY \u2022 PRECOMANDE ONLY \u2022 PRECOMANDE ONLY \u2022 PRECOMANDE ONLY \u2022<\/span>\r\n      <span>PRECOMANDE ONLY \u2022 PRECOMANDE ONLY \u2022 PRECOMANDE ONLY \u2022 PRECOMANDE ONLY \u2022<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <span class=\"fmf-product-hint\">CONTENU<\/span>\r\n\r\n  <div class=\"fmf-product-popup\">\r\n    <div class=\"fmf-product-popup-inner\">\r\n      <div class=\"title\">Bo\u00eete de base<\/div>\r\n      <div class=\"desc\">\r\n        30 cartes Groupe<br>\r\n        46 cartes \u00c9v\u00e9nement<br>\r\n        68 pions Fans<br>\r\n        8 pions Warm-Up<br>\r\n        2 pions Fuck<br>\r\n        4 aides de jeu<br>\r\n        1 livret de r\u00e8gles<br>\r\n        + l'extention Overdrive<br>\r\n        + l'extention Hellfire<br>\r\n        + 10 cartes l\u00e9gendaires exclusives\r\n      <\/div>\r\n      <a class=\"cta fmf-close\" href=\"#\">Retour<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ff890f e-flex e-con-boxed e-con e-parent\" data-id=\"5ff890f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-854c470 e-con-full e-flex e-con e-child\" data-id=\"854c470\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b4630b elementor-widget elementor-widget-html\" data-id=\"8b4630b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     BLOC 1 \u2014 HTML (Widget \"Pour qui ?\")\r\n     ========================= -->\r\n<div class=\"fmf-acc-zone\">\r\n\r\n  <div class=\"fmf-acc-item\">\r\n    <div class=\"fmf-acc-trigger\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n      <img decoding=\"async\" class=\"base\"\r\n           src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/pour-qui-1.png\"\r\n           alt=\"Pour qui est ce jeu ?\">\r\n      <img decoding=\"async\" class=\"hover\"\r\n           src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/pour-qui-2.png\"\r\n           alt=\"\"\r\n           aria-hidden=\"true\">\r\n    <\/div>\r\n\r\n    <div class=\"fmf-acc-panel\" hidden>\r\n      <p><strong>Ce jeu est fait pour toi si :<\/strong><\/p>\r\n      <p>\r\n        <span class=\"fmf-mark ok\">\u2713<\/span> Tu aimes le metal (ou au moins l\u2019ambiance festival)<br>\r\n        <span class=\"fmf-mark ok\">\u2713<\/span> Tu veux un jeu qui met le bordel \u00e0 table<br>\r\n        <span class=\"fmf-mark ok\">\u2713<\/span> Tu aimes joues entre potes<br>\r\n        <span class=\"fmf-mark ok\">\u2713<\/span> Tu veux un jeu rapide \u00e0 sortir et \u00e0 expliquer\r\n      <\/p>\r\n\r\n      <p><strong>Ce jeu n\u2019est PAS pour toi si :<\/strong><\/p>\r\n      <p>\r\n        <span class=\"fmf-mark no\">\u2715<\/span> Tu cherches un jeu calme et bien pensant<br>\r\n        <span class=\"fmf-mark no\">\u2715<\/span> Tu n\u2019aimes pas les coups bas<br>\r\n        <span class=\"fmf-mark no\">\u2715<\/span> Tu veux un jeu familial sage\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abca52e e-con-full e-flex e-con e-child\" data-id=\"abca52e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99310b2 elementor-widget elementor-widget-html\" data-id=\"99310b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fmf-acc-zone\">\r\n\r\n  <div class=\"fmf-acc-item\">\r\n    <div class=\"fmf-acc-trigger\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n      <img decoding=\"async\" class=\"base\"\r\n           src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/pourquoi-1.png\"\r\n           alt=\"Pourquoi pr\u00e9commander ?\">\r\n      <img decoding=\"async\" class=\"hover\"\r\n           src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/pourquoi-2.png\"\r\n           alt=\"\"\r\n           aria-hidden=\"true\">\r\n    <\/div>\r\n\r\n    <div class=\"fmf-acc-panel\" hidden>\r\n      <p><strong>Fucking Metal Fest n\u2019est pas un crowdfunding.<\/strong><\/p>\r\n\r\n      <p>\r\n        Le jeu est d\u00e9j\u00e0 <strong>financ\u00e9, con\u00e7u et pr\u00eat<\/strong>.<br><br>\r\n\r\n        La phase de pr\u00e9commande permet de :\r\n        <br>\r\n        <span class=\"fmf-mark ok\">\u2713<\/span> lancer l\u2019impression dans les meilleures conditions<br>\r\n        <span class=\"fmf-mark ok\">\u2713<\/span> ajuster pr\u00e9cis\u00e9ment les quantit\u00e9s produites<br>\r\n        <span class=\"fmf-mark ok\">\u2713<\/span> proposer des bonus exclusifs aux premiers soutiens\r\n        <br><br>\r\n\r\n        \ud83d\udc49 Tu pr\u00e9commandes <strong>un jeu r\u00e9el<\/strong>, pas une promesse.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b338819 elementor-widget elementor-widget-html\" data-id=\"b338819\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     BLOC 3 \u2014 JS (Widget HTML s\u00e9par\u00e9, sous les accord\u00e9ons)\r\n     ========================= -->\r\n<script>\r\n(() => {\r\n  function closeAll(){\r\n    document.querySelectorAll('.fmf-acc-item').forEach(item => {\r\n      item.classList.remove('is-open');\r\n      const t = item.querySelector('.fmf-acc-trigger');\r\n      const p = item.querySelector('.fmf-acc-panel');\r\n      if(t) t.setAttribute('aria-expanded','false');\r\n      if(p) p.hidden = true;\r\n    });\r\n  }\r\n\r\n  function toggle(item){\r\n    const isOpen = item.classList.contains('is-open');\r\n    closeAll();\r\n    if(!isOpen){\r\n      item.classList.add('is-open');\r\n      item.querySelector('.fmf-acc-trigger').setAttribute('aria-expanded','true');\r\n      item.querySelector('.fmf-acc-panel').hidden = false;\r\n    }\r\n  }\r\n\r\n  document.addEventListener('pointerup', e => {\r\n    const trigger = e.target.closest('.fmf-acc-trigger');\r\n    if(!trigger) return;\r\n    const item = trigger.closest('.fmf-acc-item');\r\n    if(!item) return;\r\n    e.preventDefault();\r\n    toggle(item);\r\n  }, true);\r\n\r\n  window.addEventListener('load', closeAll);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0d05ac e-con-full e-flex e-con e-parent\" data-id=\"e0d05ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;shape_divider_top&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97d9ea7 e-flex e-con-boxed e-con e-parent\" data-id=\"97d9ea7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-310e90c elementor-widget elementor-widget-html\" data-id=\"310e90c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a class=\"fmf-png-btn\" href=\"https:\/\/metalfestgame.com\/\" aria-label=\"Retour\">\r\n  <img decoding=\"async\" class=\"base\" src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-retour-skull.png\" alt=\"Retour\">\r\n  <img decoding=\"async\" class=\"hover\" src=\"http:\/\/metalfestgame.com\/wp-content\/uploads\/2025\/12\/Bouton-retour-skull-hover.png\" alt=\"\">\r\n<\/a>\r\n\r\n<style>\r\n  .fmf-png-btn{\r\n    position: relative;\r\n    display: inline-block;\r\n    line-height: 0;\r\n    cursor: pointer;\r\n    max-width: 220px; \/* Desktop *\/\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  @media (max-width: 768px){\r\n    .fmf-png-btn{ max-width: 220px; } \/* Mobile *\/\r\n  }\r\n\r\n  .fmf-png-btn img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n  }\r\n\r\n  .fmf-png-btn .hover{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    transition:opacity .2s ease;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* Desktop hover *\/\r\n  @media (hover: hover) and (pointer: fine){\r\n    .fmf-png-btn:hover .hover{ opacity:1; }\r\n  }\r\n\r\n  \/* Mobile active state *\/\r\n  .fmf-png-btn.is-active .hover{ opacity:1; }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const btns = document.querySelectorAll('.fmf-png-btn');\r\n  if(!btns.length) return;\r\n\r\n  const isTouch =\r\n    ('ontouchstart' in window) ||\r\n    (navigator.maxTouchPoints > 0);\r\n\r\n  btns.forEach(btn => {\r\n    if(!isTouch) return;\r\n\r\n    let navigating = false;\r\n    let startX = 0;\r\n    let startY = 0;\r\n    let moved = false;\r\n\r\n    const MOVE_TOLERANCE = 10; \/\/ px avant annulation (scroll)\r\n\r\n    btn.addEventListener('touchstart', function(e){\r\n      if(navigating) return;\r\n\r\n      startX = e.touches[0].clientX;\r\n      startY = e.touches[0].clientY;\r\n      moved = false;\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchmove', function(e){\r\n      const dx = Math.abs(e.touches[0].clientX - startX);\r\n      const dy = Math.abs(e.touches[0].clientY - startY);\r\n\r\n      if (dx > MOVE_TOLERANCE || dy > MOVE_TOLERANCE) {\r\n        moved = true; \/\/ scroll d\u00e9tect\u00e9\r\n      }\r\n    }, { passive: true });\r\n\r\n    btn.addEventListener('touchend', function(e){\r\n      if(navigating || moved) return;\r\n\r\n      e.preventDefault();\r\n      navigating = true;\r\n\r\n      btn.classList.add('is-active');\r\n\r\n      \/* \ud83d\udcf3 vibration l\u00e9g\u00e8re *\/\r\n      if (navigator.vibrate) {\r\n        navigator.vibrate(20);\r\n      }\r\n\r\n      \/* \u23f1\ufe0f d\u00e9lai avant navigation *\/\r\n      setTimeout(() => {\r\n        window.location.href = btn.getAttribute('href');\r\n      }, 600);\r\n    }, { passive: false });\r\n\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a44b7e9 e-flex e-con-boxed e-con e-parent\" data-id=\"a44b7e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daa638f e-flex e-con-boxed e-con e-parent\" data-id=\"daa638f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ffa74a e-flex e-con-boxed e-con e-parent\" data-id=\"4ffa74a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-00bc45a e-con-full e-flex e-con e-child\" data-id=\"00bc45a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a671c1f elementor-widget elementor-widget-html\" data-id=\"a671c1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(() => {\r\n  const cards = document.querySelectorAll(\".fmf-product-card\");\r\n  if(!cards.length) return;\r\n\r\n  function closeAll(except=null){\r\n    cards.forEach(c => { if(c !== except) c.classList.remove(\"is-open\"); });\r\n  }\r\n\r\n  cards.forEach(card => {\r\n    \/\/ IMPORTANT : tout clic dans la carte ne doit pas fermer via le \"document click\"\r\n    card.addEventListener(\"click\", (e) => {\r\n      e.stopPropagation();\r\n    });\r\n\r\n    const img = card.querySelector(\".fmf-product-img\");\r\n    if(img){\r\n      img.addEventListener(\"click\", (e) => {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        const willOpen = !card.classList.contains(\"is-open\");\r\n        closeAll(card);\r\n        if(willOpen) card.classList.add(\"is-open\");\r\n      });\r\n    }\r\n\r\n    \/\/ Si tu as un badge INFO et tu veux qu'il ouvre aussi :\r\n    const hint = card.querySelector(\".fmf-product-hint\");\r\n    if(hint){\r\n      hint.addEventListener(\"click\", (e) => {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        const willOpen = !card.classList.contains(\"is-open\");\r\n        closeAll(card);\r\n        if(willOpen) card.classList.add(\"is-open\");\r\n      });\r\n    }\r\n\r\n    \/\/ Bouton fermer (si pr\u00e9sent)\r\n    const closeBtn = card.querySelector(\".fmf-close\");\r\n    if(closeBtn){\r\n      closeBtn.addEventListener(\"click\", (e) => {\r\n        e.preventDefault();\r\n        e.stopPropagation();\r\n        card.classList.remove(\"is-open\");\r\n      });\r\n    }\r\n  });\r\n\r\n  \/\/ clic ailleurs = fermer\r\n  document.addEventListener(\"click\", () => closeAll());\r\n})();\r\n<\/script>\r\n<script>\r\n(() => {\r\n  const cards = Array.from(document.querySelectorAll('.fmf-product-card'));\r\n  const ctas  = Array.from(document.querySelectorAll('.fmf-preco-btn'));\r\n  if (!cards.length || !ctas.length) return;\r\n\r\n  const refreshCTA = () => {\r\n    ctas.forEach(btn => btn.classList.remove('is-visible'));\r\n    const openIndex = cards.findIndex(card => card.classList.contains('is-open'));\r\n    if (openIndex !== -1 && ctas[openIndex]) {\r\n      ctas[openIndex].classList.add('is-visible');\r\n    }\r\n  };\r\n\r\n  \/\/ Mise \u00e0 jour au chargement\r\n  refreshCTA();\r\n\r\n  \/\/ Observe les changements de classe (quand .is-open se met\/enl\u00e8ve)\r\n  const obs = new MutationObserver(refreshCTA);\r\n  cards.forEach(card => obs.observe(card, { attributes: true, attributeFilter: ['class'] }));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4089295 e-flex e-con-boxed e-con e-parent\" data-id=\"4089295\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OUVERTES\u00a0\u00bb> 00 00 Jours 00 00 Heures 00 00 Minutes 00 00 Secondes Le Jeu De Cartes 100 % Metal Qui transforme ta table en festival et te f\u00e2che avec tes potes&#8230; CONTENU Bo\u00eete de base 30 cartes Groupe 46 cartes \u00c9v\u00e9nement 68 pions Fans 8 pions Warm-Up 2 pions Fuck 4 aides de jeu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1337","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/pages\/1337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/comments?post=1337"}],"version-history":[{"count":682,"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/pages\/1337\/revisions"}],"predecessor-version":[{"id":3716,"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/pages\/1337\/revisions\/3716"}],"wp:attachment":[{"href":"https:\/\/metalfestgame.com\/index.php\/wp-json\/wp\/v2\/media?parent=1337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}