.span-position{
	  display:inline-block;
  margin-top:4px;
}


/*===============TEAMBUILDING================*/

.ptbtxt{
  margin-bottom:30px;
	text-align:center;
		font-size: clamp(16px, 2vw, 20px)!important;
	 max-width: 80%;
}
.ptbtitle{
  margin-top:20px;
	text-align:center;
}
.ptbtxt-2{
  margin-bottom:20px;
	text-align:center;
padding-top: 5px;
padding-right: 40px;
padding-bottom: 10px;
padding-left: 40px;

}

/***************les 3 activité en scroll*************/
.bee-title{
    display:flex;
    align-items:center;
    gap:12px;
    
    margin:0;
    
    font-size:1.2rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:0.5px;
    
    color:#fff;
	text-shadow:0 1px 2px rgba(0,0,0,.25);
}

.bee-title::before{
    content:"";
    
    width:10px;
    height:10px;
    border-radius:50%;
    
    background:#ff7ac3;
    
    box-shadow:
        0 0 8px rgba(255,122,195,.8),
        0 0 16px rgba(255,122,195,.5);
    
    flex-shrink:0;
}

/*************** Tableau ds offres**********/
.bfp-pricing {
  --bee-yellow: #ffd21f;
  --bee-orange: #ff9f1c;
  --bee-black: #0b0b0f;
  --bee-cream: #fff8df;
  --bee-border: #eadfba;

  width: 100%;
  padding: 60px 0 0;/*clamp(32px, 5vw, 70px) clamp(18px, 4vw, 56px);*/
  background: #1c1131;
  color: var(--bee-black);
}

.bfp-paragraph{
  font-size:14px;
	line-height:0.8em;
}

.bfp-p{
  color: #fcf9f0;
}

.bfp-pricing * {
  box-sizing: border-box;
}

.bfp-pricing__intro {
  max-width: 960px;
  margin: 0 auto clamp(7px, 4vw, 11px);
  text-align: center;
}

.bfp-kicker {
  margin-bottom: 12px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--bee-orange);
}

.bfp-pricing h2 {
  margin: 0;
  font-size: clamp(34px, 6vw, 74px);
  line-height: .9;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-weight: 1000;
}

.bfp-pricing__intro p {
  max-width: 720px;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.55;
	margin: 25px auto;
}
.st-lh{
	line-height: 1.2;
}
.bfp-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: clamp(20px, 3vw, 34px);
  max-width: 1200px;
  margin: 0 auto;

}
.bfp-position-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.bfp-card {
	flex:1;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 570px;
  padding: clamp(24px, 3vw, 34px);
  border: 1.5px solid var(--bee-border);
  border-radius: 22px;
  background: rgba(255, 255, 255, .85);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .06);
}

.bfp-card--featured {
  border: 2px solid var(--bee-orange);
  background: linear-gradient(180deg, #fffaf0 0%, #fff3c6 100%);
  box-shadow: 0 24px 60px rgba(255, 159, 28, .18);
}

.bfp-badge {
  position: absolute;
  top: -15px;
  left: 28px;
  padding: 7px 12px;
  border-radius: 7px;
  background: var(--bee-orange);
  color: var(--bee-black);
  font-size: 13px;
  font-weight: 1000;
  text-transform: uppercase;
}

.bfp-session {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 800;
}

.bfp-card h3 {
  margin: 0;
  font-size: clamp(38px, 5vw, 58px);
  line-height: .86;
  text-transform: uppercase;
  letter-spacing: -0.06em;
  font-weight: 1000;
}

.bfp-card__subtitle {
  margin: 7px 0 0;
  font-size: 16px;
  line-height: 1.45;
	padding-bottom:2px!important;
}

.bfp-line {
  height: 1px;
  margin: 3px 0 2px;
  background: var(--bee-border);
}

.bfp-section-title {
  margin: 7px 0 7px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 1000;
	padding-bottom:7px!important;
}

.bfp-list {
  display: grid;
  gap: 12px;
  margin: 0 0 0px;
  padding: 0;
  list-style: none;
  font-size: 17px;
  line-height: 1.35;
}

.bfp-list li {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
}

.bfp-list li::before {
  content: "✓";
  font-weight: 900;
  color: var(--bee-black);
}

.bfp-list--muted li {
  color: #b2b2b2;
}

.bfp-list--muted li::before {
  content: "—";
  color: #b2b2b2;
}

.bfp-actions {
    margin-top: 0px;
    padding-top: 0px;
    width: 100%;
}

.bfp-actions__position{
	display: flex;
    justify-content: center;
	margin-bottom: 25px;
}

.bfp-button {
  display: inline-flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 2px solid var(--bee-orange);
  background: transparent;
  color: var(--bee-black);
  font-size: 18px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}

.bfp-button:hover {
  background: var(--bee-yellow);
}

.bfp-button--primary {
  border-color: var(--bee-black);
  background: var(--bee-black);
  color: var(--bee-yellow);
}

.bfp-button--primary:hover {
  background: var(--bee-orange);
  color: var(--bee-black);
}

@media (max-width: 820px) {
  .bfp-cards {
    grid-template-columns: 1fr;
  }

  .bfp-card {
    min-height: auto;
  }
}

.beevid-price-time {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: 9px 20px;
    border-radius: 999px;
    background: linear-gradient(90deg, #cf39c8, #ff007a);
    color: white;
    font-family: "Tilt Warp", sans-serif;
    font-size: clamp(18px, 1.55vw, 24px);
    line-height: 1;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .28);
    transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}

/* =========================================================
   WRAPPER pour carte HORIZONTALES
========================================================= */

.tb-card-h{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  display:relative;
  /*grid-template-columns:repeat(3, minmax(120px, 1fr));*/
  justify-content:center;
padding-top:10px;
	padding-bottom:10px;
	border:none!important;
 /* gap:22px;*/
}

/* =========================================================
   WRAPPER pour CARTE VERTICALES
========================================================= */

.tb-card-vertical{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  display:relative;
  grid-template-columns:repeat(3, minmax(120px, 1fr));
  justify-content:center;
  padding-top:10px;
  padding-bottom:10px;
  border:none!important;
  gap:22px;
}*/
/* =========================================================
   WRAPPER pour CARTE VERTICALES - AJOUT ALEX
========================================================= */
/* =========================================================
   WRAPPER 2 COLONNES
========================================================= */

.tb-card{
  width:100%;
  max-width:1200px;
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;

  padding:10px 20px;
}

/* =========================================================
   CARTE
========================================================= */

.tb-item{
  width:100%;
  min-width:0;
  height:100%;
	text-align:center;
  z-index:3;
	justify-content:center;

  display:flex;
  flex-direction:column;

  overflow:hidden;
  border-radius:28px;

  background:linear-gradient(
    180deg,
    rgba(255,255,255,.14),
    rgba(255,255,255,.06)
  );

  border:1px solid rgba(255,255,255,.16);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  padding:10px 0;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.tb-item:hover{
  transform:translateY(-8px);
  border-color:rgba(255,212,38,.45);
}

.tb-item-formule{
  width:100%;
  min-width:0;
  height:100%;

  z-index:1;

  display:flex;
  flex-direction:column;

  overflow:hidden;
  border-radius:28px;

  background:linear-gradient(
    180deg,
  rgba(56, 36, 87, 0.9),
    rgba(56, 36, 87, 0.7)
  );

  border:1px solid rgba(255,255,255,.16);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  padding:10px 0;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}*/

/* =========================================================
   CONTENU
========================================================= */

.tb-content{
  flex:1;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:28px 24px 24px;
  text-align:center;
}
.tb-content h3,
.tb-item .ptbtitle{
  margin:0 0 14px;

  color:#fff;
  padding:0 10px;
  font-family:"Tilt Warp",sans-serif;
  font-size: clamp(28px, 2vw, 32px);
  line-height:.95;
  text-transform:uppercase;

  text-shadow:0 5px 14px rgba(0,0,0,.35);
}

.tb-content h4,
.tb-item .ptbtitle{
  margin:0 0 14px;

  color:#fff;

  font-family:"Tilt Warp",sans-serif;
  font-size: clamp(32px, 2.5vw, 48px);
  line-height:.95;
  text-transform:uppercase;

  text-shadow:0 5px 14px rgba(0,0,0,.35);
}

.tb-content p,
.tb-item .ptbtxt-2{
  margin:0 auto;
  max-width:520px;
  color:rgba(255,255,255,.88);

  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.3;

  padding-left:24px;
  padding-right:24px;
	padding-bottom: 10px;
}

.tb-content-formule{
  flex:1;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:8px 24px 4px;
  text-align:center;
}
.tb-content-formule h3,
.tb-item .ptbtitle{
  margin:0 0 5px;

  color:#fff;

  font-family:"Tilt Warp",sans-serif;
  font-size: clamp(28px, 2vw, 44px);
  line-height:.95;
  text-transform:uppercase;

  text-shadow:0 5px 14px rgba(0,0,0,.35);
}

.tb-content-formule h4,
.tb-item .ptbtitle{
  margin:0 0 5px;

  color:#fff;

  font-family:"Tilt Warp",sans-serif;
  /*font-size: clamp(28px, 1vw, 44px);*/
	    font-size: clamp(22px, 1vw, 44px);
  line-height:.95;
  text-transform:uppercase;

  text-shadow:0 5px 14px rgba(0,0,0,.35);
}

.tb-content-formule p,
.tb-item .ptbtxt-2{
  margin:0 auto;

  max-width:520px;

  color:rgba(255,255,255,.88);

  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.3;

  padding-left:24px;
  padding-right:24px;
	padding-bottom: 10px;
}

.ptbspan-style{
	 display:inline-block;
  margin-top:4px;
	padding: 6px !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:980px){

  .tb-card{
    max-width:820px;
    gap:22px;
    padding:10px 22px;
  }

  .tb-content,
  .tb-item{
    min-width:0;
  }

  .tb-content h3,
  .tb-item .ptbtitle{
    font-size:clamp(22px,3vw,28px);
  }

  .tb-content p,
  .tb-item .ptbtxt-2{
    font-size:14.5px;
    padding-left:20px;
    padding-right:20px;
  }
}

@media (max-width:768px){

  .tb-card{
    grid-template-columns:1fr;
    max-width:520px;
    gap:20px;
    padding:10px 16px;
  }

  .tb-item:hover{
    transform:translateY(-4px);
  }
}

@media (max-width:480px){

  .tb-card{
    padding:10px 12px;
  }

  .tb-item{
    border-radius:22px;
  }

  .tb-content,
  .tb-item .ptbtxt-2{
    padding-left:16px;
    padding-right:16px;
  }

  .tb-content h3,
  .tb-item .ptbtitle{
    font-size:clamp(22px,7vw,27px);
  }

  .tb-content p,
  .tb-item .ptbtxt-2{
    font-size:14px;
    line-height:1.48;
  }
}
.anniv-content h3{
  margin:5px 0 5px;
  color:#fff;
  font-family:"Tilt Warp",sans-serif;
  font-size:clamp(24px,1.7vw,30px);
  line-height:.95;
  text-transform:uppercase;
  text-shadow:
    0 5px 14px rgba(0,0,0,.35);
}

.anniv-content p{
  margin:0;
	padding-top:0px;
	padding-bottom:10px;
  /*max-width:260px;*/
  color:rgba(255,255,255,.88);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.55;
}

/* =========================================================
   TEAMBUILDING BENEFITS — PREMIUM CARDS - AJOUT ALEX
========================================================= */
.tb-benefits-wrapper{
  width:100%;
  max-width:1300px;
  margin:0 auto;
  padding:clamp(10px,2vw,24px) clamp(12px,2vw,24px);
}

.tb-benefits-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:20px;
}

.tb-benefit-card{
  position:relative;
  overflow:hidden;

  min-height:180px;
  padding:18px 20px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;
  border-radius:24px;

  background:
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.07));

  border:1px solid rgba(255,255,255,.16);

  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.12);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.tb-benefit-card::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  top:-60px;
  right:-50px;
  opacity:.28;
  filter:blur(42px);
  pointer-events:none;
}

.tb-benefit-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.13), transparent 34%),
    linear-gradient(120deg, transparent 35%, rgba(255,255,255,.08), transparent 65%);
  opacity:.65;
  pointer-events:none;
}

.tb-benefit-card > *{
  position:relative;
  z-index:2;
}

.tb-benefit-card--yellow::before{ background:#ffd426; }
.tb-benefit-card--pink::before{ background:#ff1493; }
.tb-benefit-card--purple::before{ background:#7a00ff; }
.tb-benefit-card--orange::before{ background:#efb400; }

.tb-benefit-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,212,38,.36);
}

.tb-benefit-icon{
  width:42px;
  height:42px;
  margin:0 auto 10px;

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

  color:#ffd426;
  font-size:22px;

  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}

.tb-benefit-title{
  margin:0 0 14px;

  color:#fff;
  font-family:"Tilt Warp", sans-serif;
  font-size:clamp(18px,1.5vw,26px);
  line-height:.95;
  text-transform:uppercase;

  text-shadow:0 4px 12px rgba(0,0,0,.35);
}

.tb-benefit-title-bis{
  margin:0 0 0;
padding:0 0 0;
  color:#fff;
  font-family:"Tilt Warp", sans-serif;
  font-size:clamp(18px,1.5vw,26px);
  line-height:.95;
  text-transform:uppercase;

  text-shadow:0 4px 12px rgba(0,0,0,.35);
}

.tb-benefit-title span{
  display:table;
  margin:8px auto 0;
  padding:.12em .28em;

  color:#4b267a;
  background:#f4a6d7;
  border-radius:6px;

  box-shadow:
    0 6px 14px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.35);
}

.tb-benefit-card p{
  max-width:520px;
  margin:0 auto;

  color:rgba(255,255,255,.88);
  font-size:14px;
  line-height:1.45;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:980px){

  .tb-benefits-grid{
    gap:22px;
  }

  .tb-benefit-card{
    min-height:250px;
    padding:30px 24px;
  }

  .tb-benefit-title{
    font-size:clamp(25px,3.8vw,36px);
  }
	 .tb-benefit-title-bis{
    font-size:clamp(25px,3.8vw,36px);
  }
}

@media (max-width:767px){
	.tb-benefits-wrapper{
		padding: clamp(10px, 2vw, 24px) clamp(25px, 2vw, 24px);
	}
  .tb-benefits-grid{
    grid-template-columns:1fr;
  }

  .tb-benefit-card{
    min-height:auto;
    padding:30px 22px;
    border-radius:24px;
  }

  .tb-benefit-icon{
    width:46px;
    height:46px;
    font-size:24px;
  }

  .tb-benefit-title{
    font-size:clamp(25px,7vw,34px);
  }
	
	  .tb-benefit-title-bis{
    font-size:clamp(25px,7vw,34px);
  }


  .tb-benefit-card p{
    font-size:15px;
  }
}
========================================================= */
/* =========================================================
   RESPONSIVE TEAMBUILDING GLOBAL
========================================================= */

@media (max-width: 1200px){

  .ptbtxt,
  .ptbtitle,
  .ptbtxt-2{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .ptbtxt-2{
    padding-left: clamp(24px, 5vw, 50px);
    padding-right: clamp(24px, 5vw, 50px);
  }

  .tb-card,
  .tb-card-vertical{
    max-width: 960px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .tb-card-vertical{
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 22px;
  }

  .tb-item{
    min-width: 0;
  }
}

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

@media (max-width: 980px){

  .ptbtxt{
    margin-bottom: 24px;
  }

  .ptbtitle{
    margin-top: 16px;
  }

  .ptbtxt-2{
    padding-left: clamp(20px, 6vw, 44px);
    padding-right: clamp(20px, 6vw, 44px);
    padding-top: 12px;
  }

  .bee-title{
    font-size: clamp(1rem, 2.4vw, 1.15rem);
    gap: 10px;
  }

  .bfp-pricing{
    padding: clamp(34px, 6vw, 58px) clamp(18px, 5vw, 42px);
  }

  .bfp-pricing h2{
    font-size: clamp(34px, 7vw, 58px);
  }

  .bfp-pricing__intro p{
    font-size: clamp(15px, 2.2vw, 18px);
  }

  .bfp-cards{
    grid-template-columns: 1fr;
    max-width: 680px;
    gap: 26px;
  }

  .bfp-card{
    min-height: auto;
    padding: clamp(24px, 5vw, 34px);
  }

  .bfp-card h3{
    font-size: clamp(34px, 7vw, 50px);
  }

  .tb-card,
  .tb-card-vertical{
    max-width: 760px;
    padding-left: clamp(20px, 5vw, 42px);
    padding-right: clamp(20px, 5vw, 42px);
  }

  .tb-card-vertical{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .tb-content,
  .anniv-content{
    padding: 24px 20px 22px;
  }

  .tb-content h3,
  .anniv-content h3{
    font-size: clamp(22px, 3vw, 28px);
  }

  .tb-content p,
  .anniv-content p{
    font-size: 14.5px;
    line-height: 1.5;
  }
}
*/
/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px){

  .ptbtxt{
    margin-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ptbtitle{
    margin-top: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .ptbtxt-2{
    padding: 10px 18px 0;
    margin-bottom: 18px;
  }

  .bee-title{
    font-size: 1rem;
    line-height: 1.15;
    gap: 9px;
  }

  .bee-title::before{
    width: 8px;
    height: 8px;
  }

  .bfp-pricing{
    padding: 34px 16px;
  }

  .bfp-pricing__intro{
    margin-bottom: 18px;
  }

  .bfp-pricing h2{
    font-size: clamp(30px, 10vw, 44px);
    line-height: .92;
  }

  .bfp-pricing__intro p{
    font-size: 15px;
    line-height: 1.5;
  }

  .bfp-paragraph{
    font-size: 13px;
    line-height: 1.15em;
  }

  .bfp-card{
    border-radius: 18px;
    padding: 24px 20px;
  }

  .bfp-badge{
    left: 20px;
    top: -13px;
    font-size: 11px;
    padding: 6px 10px;
  }

  .bfp-card h3{
    font-size: clamp(30px, 11vw, 42px);
  }

  .bfp-card__subtitle{
    font-size: 14px;
  }

  .bfp-section-title{
    font-size: 15px;
  }

  .bfp-list{
    font-size: 14px;
    gap: 10px;
  }

  .bfp-list li{
    grid-template-columns: 18px 1fr;
    gap: 8px;
  }

  .bfp-button{
    min-height: 48px;
    font-size: 15px;
    border-radius: 10px;
  }

  .tb-card,
  .tb-card-vertical{
    max-width: 420px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tb-card-vertical{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .tb-item{
    width: 100%;
    min-width: 0;
    border-radius: 22px;
  }

  .tb-item:hover{
    transform: translateY(-4px);
  }

  .tb-content,
  .anniv-content{
    padding: 22px 18px 20px;
  }

  .tb-content h3,
  .anniv-content h3{
    font-size: clamp(22px, 7vw, 28px);
  }

  .tb-content p,
  .anniv-content p{
    font-size: 14px;
    line-height: 1.48;
  }
}
*/
/* =========================================================
   PETITS MOBILES
========================================================= */

@media (max-width: 420px){

  .bfp-pricing{
    padding-left: 12px;
    padding-right: 12px;
  }

  .bfp-card{
    padding: 22px 16px;
  }

  .bfp-card h3{
    font-size: clamp(28px, 12vw, 38px);
  }

  .tb-card,
  .tb-card-vertical{
    padding-left: 12px;
    padding-right: 12px;
  }

  .tb-content,
  .anniv-content{
    padding: 20px 16px 18px;
  }
}
@media (max-width:1280px){

  .tb-card{
    grid-template-columns:repeat(2, minmax(280px, 360px));
    justify-content:center;
    gap:26px;
    padding-inline:clamp(28px, 6vw, 80px);
  }

  .tb-item{
    width:100%;
    /*max-width:360px;*/
    min-width:0;
  }
}

@media (max-width:980px){

  .manche-card{
    grid-template-columns:repeat(2,minmax(0,1fr));

    max-width:900px;
    margin:0 auto;

    gap:24px;

    padding-inline:clamp(30px,6vw,80px);
  }

  .tb-item{
    /*max-width:360px;*/
  }
}

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

@media (max-width:640px){

.tb-card{
    grid-template-columns:1fr;
    gap:22px;
    padding-inline:20px;
  }

  .tb-item{
    /*max-width:380px;*/
    margin:0 auto;
  }


  .tb-content{
    padding:24px 20px;
  }

  .tb-content h3{
    font-size:clamp(22px,7vw,28px);
  }

  .tb-content p{
    font-size:12px;
  }
}
*/

/* =========================================================
   HERO TEAM BUILDING — BEEFUN PREMIUM
========================================================= */

.event-hero{
  position:relative;
  min-height:100vh !important;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  border-radius:0 0 28px 28px;
}

/* IMAGE */
.event-hero .anniv-hero__image{
  position:absolute;
  inset:0;
  z-index:0;

  width:100%;
  height:100% !important;
  object-fit:cover;
  object-position:center;

  display:block;
  pointer-events:none;

  filter:
    saturate(1.05)
    contrast(1.04)
    brightness(.82);

  transform:scale(1.02);
}

/* OVERLAY */
.event-hero .anniv-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;

  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(255,20,147,.20),
      transparent 38%
    ),
    radial-gradient(
      circle at 78% 82%,
      rgba(107,53,214,.34),
      transparent 42%
    ),
    linear-gradient(
      to bottom,
      rgba(18,5,31,.22),
      rgba(18,5,31,.78)
    ),
    linear-gradient(
      90deg,
      rgba(56,36,87,.62),
      rgba(56,36,87,.16)
    );
}

/* CONTENT */
.event-hero .anniv-hero__content{
  position:relative;
  z-index:2;

  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:250px 20px 150px;

  text-align:center;
  color:#fff;
}

/* TITLE */
.event-hero .anniv-hero__content h1{
  width:fit-content;
  max-width:100%;
  margin:0 auto;

  padding:.10em .28em .15em;

  background:#f4a6d7;
  color:#382457;

  border-radius:10px;

  font-family:"Tilt Warp", sans-serif;
  font-size:clamp(52px,5vw,130px);
  line-height:.86;
  text-transform:uppercase;

  box-shadow:
    12px 12px 0 rgba(56,36,87,.45),
    0 18px 50px rgba(0,0,0,.32),
    0 0 34px rgba(255,20,147,.18);
}

/* TEXT */
.event-hero .anniv-hero__content p{
  max-width:880px;
  margin:34px auto 0;
  /*padding:16px 24px;

  border-radius:26px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,.07)
    );

  border:1px solid rgba(255,255,255,.16);

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:clamp(18px,1vw,24px);
  line-height:1.35;

  text-shadow:0 8px 24px rgba(0,0,0,.42);

  box-shadow:
    0 24px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.12);*/
}

/* CTA */
.event-hero .anniv-hero__cta{
  margin-top:38px;

  display:flex;
  align-items:center;
  justify-content:center;
}

.event-hero .bfp-actions{
  display:flex;
  justify-content:center;
  margin:0;
}

.event-hero .btn-book{
  min-height:56px;
  padding:0 30px;

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

  border-radius:999px;

  background:linear-gradient(
    90deg,
    #6b00ff 0%,
    #ff0099 100%
  );

  color:#fff;
  text-decoration:none;
  text-transform:uppercase;

  font-family:"Tilt Warp", sans-serif;
  font-size:clamp(14px,1.4vw,18px);

  border:0;

  box-shadow:
    0 16px 38px rgba(0,0,0,.32),
    0 0 26px rgba(255,20,147,.20);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}

@media (hover:hover) and (pointer:fine){

  .event-hero .btn-book:hover{
    transform:translateY(-4px) scale(1.03);
    filter:brightness(1.06);

    box-shadow:
      0 22px 48px rgba(0,0,0,.38),
      0 0 34px rgba(255,20,147,.30);
  }
}

/* SCROLL ARROW */
.event-hero .anniv-hero__scroll-arrow{
  position:absolute;
  left:50%;
  bottom:28px;
  z-index:3;

  width:34px;
  height:54px;

  transform:translateX(-50%);

  border:2px solid rgba(255,255,255,.65);
  border-radius:999px;
}

.event-hero .anniv-hero__scroll-arrow span{
  position:absolute;
  top:10px;
  left:50%;

  width:6px;
  height:6px;

  border-radius:50%;
  background:#ffd426;

  transform:translateX(-50%);

  animation:eventHeroScroll 1.6s ease-in-out infinite;
}

@keyframes eventHeroScroll{
  0%{
    opacity:0;
    transform:translate(-50%,0);
  }

  40%{
    opacity:1;
  }

  100%{
    opacity:0;
    transform:translate(-50%,22px);
  }
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:980px){

  .event-hero{
    min-height:780px;
  }

  .event-hero .anniv-hero__content{
    padding:130px 18px 100px;
  }

  .event-hero .anniv-hero__content h1{
    font-size:clamp(54px,10vw,92px);
  }

  .event-hero .anniv-hero__content p{
    max-width:760px;
    padding:22px 26px;
    font-size:clamp(18px,2.7vw,25px);
  }
}

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

@media(max-width:640px){

  .event-hero{
    min-height:700px;
    border-radius:0 0 22px 22px;
  }

  .event-hero .anniv-hero__content{
    width:min(100% - 24px, 560px);
    padding:110px 12px 86px;
  }

  .event-hero .anniv-hero__content h1{
    padding:.12em .24em .16em;
    border-radius:7px;

    font-size:clamp(42px,13vw,66px);
    line-height:.9;

    box-shadow:
      7px 7px 0 rgba(56,36,87,.48),
      0 14px 36px rgba(0,0,0,.30);
  }

  .event-hero .anniv-hero__content p{
    margin-top:24px;
    padding:18px 16px;

    border-radius:20px;

    font-size:16px;
    line-height:1.4;
  }

  .event-hero .anniv-hero__cta{
    margin-top:28px;
  }

  .event-hero .btn-book{
    width:100%;
    min-height:52px;
    padding:0 20px;
    font-size:15px;
  }

  .event-hero .anniv-hero__scroll-arrow{
    bottom:18px;
    width:30px;
    height:48px;
  }
}

/* =========================================================
   PARALLAX CINÉMATIQUE — EVENT HERO
========================================================= */

.event-hero{
  --hero-image-y:0px;
  --hero-image-scale:1.08;
  --hero-overlay-y:0px;
  --hero-title-y:0px;
  --hero-text-y:0px;
  --hero-cta-y:0px;
  --hero-content-opacity:1;
  --hero-arrow-opacity:1;

/*  min-height:100svh !important;*/
  contain:layout paint;
}

.event-hero-style{
	min-height:90svh !important;
   padding-top: 100px !important;
}

/* IMAGE */
.event-hero .anniv-hero__image{
  inset:-7% 0;
  width:100%;
  height:114% !important;

  transform:
    translate3d(0,var(--hero-image-y),0)
    scale(var(--hero-image-scale));

  transform-origin:center center;
  will-change:transform;
  backface-visibility:hidden;
}

/* OVERLAY */
.event-hero .anniv-hero__overlay{
  inset:-3% 0;

  transform:
    translate3d(0,var(--hero-overlay-y),0);

  will-change:transform;
  backface-visibility:hidden;
}

/* CONTENU GLOBAL */
.event-hero .anniv-hero__content{
  opacity:var(--hero-content-opacity);
  will-change:opacity;
}

/* TITRE */
.event-hero .anniv-hero__content h1{
  transform:
    translate3d(0,var(--hero-title-y),0);

  transform-origin:center;
  will-change:transform;
  backface-visibility:hidden;
}

/* PARAGRAPHE */
.event-hero .anniv-hero__content > p{
  transform:
    translate3d(0,var(--hero-text-y),0);

  will-change:transform;
  backface-visibility:hidden;
}

/* BOUTON */
.event-hero .anniv-hero__cta{
  transform:
    translate3d(0,var(--hero-cta-y),0);

  will-change:transform;
  backface-visibility:hidden;
}

/* FLÈCHE */
.event-hero .anniv-hero__scroll-arrow{
  opacity:var(--hero-arrow-opacity);
  will-change:opacity;
}

/* TABLETTE */
@media(max-width:980px){

  .event-hero .anniv-hero__image{
    inset:-5% 0;
    height:110% !important;
  }
}

/* MOBILE */
@media(max-width:640px){

  .event-hero .anniv-hero__image{
    inset:-4% 0;
    height:108% !important;
  }
}

/* ACCESSIBILITÉ */
@media(prefers-reduced-motion:reduce){

  .event-hero{
    --hero-image-y:0px !important;
    --hero-image-scale:1.04 !important;
    --hero-overlay-y:0px !important;
    --hero-title-y:0px !important;
    --hero-text-y:0px !important;
    --hero-cta-y:0px !important;
    --hero-content-opacity:1 !important;
    --hero-arrow-opacity:1 !important;
  }

  .event-hero .anniv-hero__image,
  .event-hero .anniv-hero__overlay,
  .event-hero .anniv-hero__content h1,
  .event-hero .anniv-hero__content > p,
  .event-hero .anniv-hero__cta{
    transform:none !important;
  }
}