/* =========================================================
   FUTURIST GAMES — ANNIVERSAIRE
   VERSION DIVI SAFE / PAGESPEED
   ========================================================= */

.fg-bday-pack,
.fg-bday-pack *,
.fg-bday-pack *::before,
.fg-bday-pack *::after {
  box-sizing: border-box;
}


/* SECTION */

.fg-bday-pack {
  width: 100% !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;

  padding: clamp(40px, 5vw, 62px) 20px !important;
  margin: 0 !important;

  font-family: "Montserrat", Arial, sans-serif !important;

  color: #ffffff !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(53, 198, 255, 0.10),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #02040a 0%,
      #050914 55%,
      #02040a 100%
    ) !important;
}


.fg-bday-pack__inner {
  display: block !important;

  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.fg-bday-pack__header {
  display: block !important;

  width: 100% !important;
  max-width: 850px !important;

  margin: 0 auto 28px !important;
  padding: 0 !important;

  text-align: center !important;
}


.fg-bday-pack__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;

  margin: 0 !important;
  padding: 8px 13px !important;

  border: 1px solid rgba(78, 194, 255, 0.25) !important;
  border-radius: 999px !important;

  background: rgba(42, 176, 255, 0.08) !important;

  color: #6ed8ff !important;

  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;

  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}


/* TITRE — surcharge Divi */

.fg-bday-pack h2.fg-bday-pack__title {
  display: block !important;

  margin: 14px 0 10px !important;
  padding: 0 !important;

  font-family: "Montserrat", Arial, sans-serif !important;

  font-size: clamp(31px, 4vw, 50px) !important;
  line-height: 1.05 !important;

  font-weight: 800 !important;

  letter-spacing: -0.04em !important;

  text-align: center !important;

  color: #ffffff !important;
}


.fg-bday-pack h2.fg-bday-pack__title span {
  display: block !important;

  color: #65bfff !important;

  background: linear-gradient(
    90deg,
    #76ddff 0%,
    #4f8fff 50%,
    #ae5cff 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  -webkit-text-fill-color: transparent !important;
}


/* INTRO */

.fg-bday-pack p.fg-bday-pack__intro {
  display: block !important;

  max-width: 780px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  font-size: 14px !important;
  line-height: 1.65 !important;

  font-weight: 500 !important;

  text-align: center !important;

  color: #a8b4c7 !important;
}


/* =========================================================
   BADGES RÉSUMÉ
   ========================================================= */

.fg-bday-pack__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex-wrap: wrap !important;

  gap: 8px !important;

  width: 100% !important;

  margin: 18px 0 0 !important;
  padding: 0 !important;
}


.fg-bday-pack__summary span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 8px 12px !important;

  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,0.04) !important;

  color: #d6e1f1 !important;

  font-size: 11px !important;
  line-height: 1 !important;

  font-weight: 700 !important;

  white-space: nowrap !important;
}


/* =========================================================
   GRILLE
   ========================================================= */

.fg-bday-pack__grid {
  display: grid !important;

  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  gap: 12px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   CARTES
   ========================================================= */

.fg-bday-card {
  position: relative !important;

  display: flex !important;
  align-items: flex-start !important;

  gap: 14px !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 136px !important;

  margin: 0 !important;
  padding: 18px !important;

  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 19px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.045),
      rgba(255,255,255,0.015)
    ),
    #080d18 !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,0.20) !important;
}


/* Ligne supérieure */

.fg-bday-card::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 17px !important;
  right: 17px !important;

  height: 2px !important;

  border-radius: 0 0 4px 4px !important;
}


/* COULEURS */

.fg-bday-card--vr::before {
  background: #35c6ff !important;
}

.fg-bday-card--arena::before {
  background: #a847ff !important;
}

.fg-bday-card--drink::before {
  background: #ffbf35 !important;
}

.fg-bday-card--room::before {
  background: #4f74ff !important;
}


/* =========================================================
   ICONES
   ========================================================= */

.fg-bday-card__icon {
  flex: 0 0 44px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  height: 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 13px !important;
}


/* VR */

.fg-bday-card--vr .fg-bday-card__icon {
  border: 1px solid rgba(53,198,255,0.28) !important;
  background: rgba(53,198,255,0.09) !important;
  color: #35c6ff !important;
}


/* ARENA */

.fg-bday-card--arena .fg-bday-card__icon {
  border: 1px solid rgba(168,71,255,0.28) !important;
  background: rgba(168,71,255,0.09) !important;
  color: #a847ff !important;
}


/* BOISSONS */

.fg-bday-card--drink .fg-bday-card__icon {
  border: 1px solid rgba(255,191,53,0.28) !important;
  background: rgba(255,191,53,0.09) !important;
  color: #ffbf35 !important;
}


/* SALON */

.fg-bday-card--room .fg-bday-card__icon {
  border: 1px solid rgba(79,116,255,0.28) !important;
  background: rgba(79,116,255,0.09) !important;
  color: #6382ff !important;
}


.fg-bday-card__icon svg {
  display: block !important;

  width: 23px !important;
  height: 23px !important;

  margin: 0 !important;
  padding: 0 !important;

  fill: none !important;

  stroke: currentColor !important;
  stroke-width: 1.7 !important;

  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* =========================================================
   TEXTES DES CARTES
   ========================================================= */

.fg-bday-card__content {
  display: block !important;

  flex: 1 1 auto !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


.fg-bday-pack .fg-bday-card h3 {
  display: block !important;

  margin: 1px 0 7px !important;
  padding: 0 !important;

  font-family: "Montserrat", Arial, sans-serif !important;

  font-size: 16px !important;
  line-height: 1.2 !important;

  font-weight: 800 !important;

  letter-spacing: -0.02em !important;

  color: #ffffff !important;
}


.fg-bday-pack .fg-bday-card p {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: "Montserrat", Arial, sans-serif !important;

  font-size: 12.5px !important;
  line-height: 1.5 !important;

  font-weight: 500 !important;

  color: #aab6c8 !important;
}


.fg-bday-pack .fg-bday-card strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}


/* =========================================================
   BARRE TARIF
   ========================================================= */

.fg-bday-pack__offer {
  display: flex !important;
  align-items: center !important;

  gap: 20px !important;

  width: 100% !important;

  margin: 12px 0 0 !important;
  padding: 15px 18px !important;

  border: 1px solid rgba(89,193,255,0.18) !important;
  border-radius: 19px !important;

  background:
    radial-gradient(
      circle at 0% 50%,
      rgba(53,198,255,0.08),
      transparent 38%
    ),
    radial-gradient(
      circle at 100% 50%,
      rgba(168,71,255,0.07),
      transparent 35%
    ),
    #080d18 !important;
}


/* PRIX */

.fg-bday-pack__price {
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: baseline !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
}


.fg-bday-pack__price-label {
  font-size: 10px !important;
  line-height: 1 !important;

  font-weight: 800 !important;

  letter-spacing: .10em !important;
  text-transform: uppercase !important;

  color: #69d4ff !important;
}


.fg-bday-pack__price strong {
  font-size: 35px !important;
  line-height: 1 !important;

  font-weight: 800 !important;

  letter-spacing: -0.05em !important;

  color: #ffffff !important;
}


.fg-bday-pack__price-unit {
  font-size: 11px !important;
  line-height: 1 !important;

  font-weight: 700 !important;

  color: #95a4b8 !important;
}


/* RESUME OFFRE */

.fg-bday-pack__included {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 12px !important;
  line-height: 1.4 !important;

  color: #aab5c7 !important;
}


/* =========================================================
   BOUTON
   ========================================================= */

.fg-bday-pack a.fg-bday-pack__cta {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 8px !important;

  min-height: 44px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  border: 0 !important;
  border-radius: 13px !important;

  background:
    linear-gradient(
      135deg,
      #78ddff 0%,
      #43baff 48%,
      #a25eff 125%
    ) !important;

  box-shadow:
    0 9px 22px
    rgba(38,176,255,0.17) !important;

  font-family: "Montserrat", Arial, sans-serif !important;

  font-size: 13px !important;
  line-height: 1 !important;

  font-weight: 800 !important;

  text-decoration: none !important;

  color: #041018 !important;
}


.fg-bday-pack__cta svg {
  display: block !important;

  width: 15px !important;
  height: 15px !important;

  fill: none !important;

  stroke: currentColor !important;

  stroke-width: 2 !important;

  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 980px) {

  .fg-bday-pack__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

  .fg-bday-pack {
    padding: 36px 14px !important;
  }


  .fg-bday-pack__header {
    margin-bottom: 22px !important;
  }


  .fg-bday-pack h2.fg-bday-pack__title {
    font-size: clamp(30px, 9vw, 40px) !important;
  }


  .fg-bday-pack p.fg-bday-pack__intro {
    font-size: 13px !important;
  }


  .fg-bday-pack__summary {
    gap: 6px !important;

    margin-top: 15px !important;
  }


  .fg-bday-pack__summary span {
    padding: 7px 10px !important;

    font-size: 10.5px !important;
  }


  .fg-bday-pack__grid {
    grid-template-columns: 1fr !important;

    gap: 9px !important;
  }


  .fg-bday-card {
    min-height: 0 !important;

    padding: 16px !important;
  }


  .fg-bday-pack__offer {
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 12px !important;

    padding: 17px !important;
  }


  .fg-bday-pack__price {
    justify-content: center !important;
  }


  .fg-bday-pack__included {
    text-align: center !important;
  }


  .fg-bday-pack a.fg-bday-pack__cta {
    width: 100% !important;
  }

}