.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-2048x1365.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:-337px 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-32f4233{--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-32f4233.e-con{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-d93a954{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.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-814b1dd{--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-814b1dd.e-con{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-c3af784{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.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-843c072{--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-843c072.e-con{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-8a0107d{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.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-8d30e16{--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-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;}@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-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-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-d93a954{margin:-60px 00px calc(var(--kit-widget-spacing, 0px) + 00px) 00px;}.elementor-1337 .elementor-element.elementor-element-c3af784{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1337 .elementor-element.elementor-element-8a0107d{margin:-60px 0px calc(var(--kit-widget-spacing, 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 for container, class: .elementor-element-6d40d48 */<a class="fmf-png-btn" href="https://metalfestgame.com/index.php/en-cours-de-construction">
  <img class="base" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull.png" alt="Bouton">
  <img class="hover" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull-hover.png" alt="">
</a>

<style>
  .fmf-png-btn{
    position: relative;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    max-width: 300px;
    -webkit-tap-highlight-color: transparent;
  }

  .fmf-png-btn img{
    display:block;
    width:100%;
    height:auto;
  }

  .fmf-png-btn .hover{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .2s ease;
    pointer-events:none;
  }

  /* Desktop */
  .fmf-png-btn:hover .hover{
    opacity:1;
  }

  /* Mobile (class ajoutée en JS) */
  .fmf-png-btn.is-active .hover{
    opacity:1;
  }
</style>

<script>
(function(){
  const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;

  if(!isTouch) return;

  document.querySelectorAll('.fmf-png-btn').forEach(btn => {
    let armed = false;

    btn.addEventListener('click', function(e){
      if(!armed){
        e.preventDefault();               // 1er tap : pas de navigation
        btn.classList.add('is-active');   // affiche le hover
        armed = true;

        // Sécurité : retire l'effet après 1,5s
        setTimeout(() => {
          btn.classList.remove('is-active');
          armed = false;
        }, 1500);
      }
      // 2e tap = navigation normale
    });
  });
})();
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f4233 */<a class="fmf-png-btn" href="https://metalfestgame.com/index.php/en-cours-de-construction">
  <img class="base" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull.png" alt="Bouton">
  <img class="hover" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull-hover.png" alt="">
</a>

<style>
  .fmf-png-btn{
    position: relative;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    max-width: 300px;
    -webkit-tap-highlight-color: transparent;
  }

  .fmf-png-btn img{
    display:block;
    width:100%;
    height:auto;
  }

  .fmf-png-btn .hover{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .2s ease;
    pointer-events:none;
  }

  /* Desktop */
  .fmf-png-btn:hover .hover{
    opacity:1;
  }

  /* Mobile (class ajoutée en JS) */
  .fmf-png-btn.is-active .hover{
    opacity:1;
  }
</style>

<script>
(function(){
  const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;

  if(!isTouch) return;

  document.querySelectorAll('.fmf-png-btn').forEach(btn => {
    let armed = false;

    btn.addEventListener('click', function(e){
      if(!armed){
        e.preventDefault();               // 1er tap : pas de navigation
        btn.classList.add('is-active');   // affiche le hover
        armed = true;

        // Sécurité : retire l'effet après 1,5s
        setTimeout(() => {
          btn.classList.remove('is-active');
          armed = false;
        }, 1500);
      }
      // 2e tap = navigation normale
    });
  });
})();
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-814b1dd */<a class="fmf-png-btn" href="https://metalfestgame.com/index.php/en-cours-de-construction">
  <img class="base" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull.png" alt="Bouton">
  <img class="hover" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull-hover.png" alt="">
</a>

<style>
  .fmf-png-btn{
    position: relative;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    max-width: 300px;
    -webkit-tap-highlight-color: transparent;
  }

  .fmf-png-btn img{
    display:block;
    width:100%;
    height:auto;
  }

  .fmf-png-btn .hover{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .2s ease;
    pointer-events:none;
  }

  /* Desktop */
  .fmf-png-btn:hover .hover{
    opacity:1;
  }

  /* Mobile (class ajoutée en JS) */
  .fmf-png-btn.is-active .hover{
    opacity:1;
  }
</style>

<script>
(function(){
  const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;

  if(!isTouch) return;

  document.querySelectorAll('.fmf-png-btn').forEach(btn => {
    let armed = false;

    btn.addEventListener('click', function(e){
      if(!armed){
        e.preventDefault();               // 1er tap : pas de navigation
        btn.classList.add('is-active');   // affiche le hover
        armed = true;

        // Sécurité : retire l'effet après 1,5s
        setTimeout(() => {
          btn.classList.remove('is-active');
          armed = false;
        }, 1500);
      }
      // 2e tap = navigation normale
    });
  });
})();
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-843c072 */<a class="fmf-png-btn" href="https://metalfestgame.com/index.php/en-cours-de-construction">
  <img class="base" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull.png" alt="Bouton">
  <img class="hover" src="https://metalfestgame.com/wp-content/uploads/2025/12/Bouton-preco-skull-hover.png" alt="">
</a>

<style>
  .fmf-png-btn{
    position: relative;
    display: inline-block;
    line-height: 0;
    cursor: pointer;
    max-width: 300px;
    -webkit-tap-highlight-color: transparent;
  }

  .fmf-png-btn img{
    display:block;
    width:100%;
    height:auto;
  }

  .fmf-png-btn .hover{
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .2s ease;
    pointer-events:none;
  }

  /* Desktop */
  .fmf-png-btn:hover .hover{
    opacity:1;
  }

  /* Mobile (class ajoutée en JS) */
  .fmf-png-btn.is-active .hover{
    opacity:1;
  }
</style>

<script>
(function(){
  const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;

  if(!isTouch) return;

  document.querySelectorAll('.fmf-png-btn').forEach(btn => {
    let armed = false;

    btn.addEventListener('click', function(e){
      if(!armed){
        e.preventDefault();               // 1er tap : pas de navigation
        btn.classList.add('is-active');   // affiche le hover
        armed = true;

        // Sécurité : retire l'effet après 1,5s
        setTimeout(() => {
          btn.classList.remove('is-active');
          armed = false;
        }, 1500);
      }
      // 2e tap = navigation normale
    });
  });
})();
</script>/* End custom CSS */
/* 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 */