:root{
  
  --aw-orange:      #ff6a3d;
  --aw-orange-vif:  #ff8a52;
  --aw-teal:        #2fe0c2;
  --aw-teal-vif:    #6ff5dd;
  --aw-violet:      #b878ff;
  --aw-violet-vif:  #d7aeff;
  --aw-halo-orange: rgba(255, 106,  61, .55);
  --aw-halo-teal:   rgba( 47, 224, 194, .50);
  --aw-halo-violet: rgba(184, 120, 255, .50);
}


.pc-etape{display:none;}
.pc-etape.active{display:block;}

.pc-fil{display:flex;gap:10px;align-items:center;margin:0 0 16px;
  font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;opacity:.75;}
.pc-fil span{opacity:.45;transition:opacity .3s,color .3s;}
.pc-fil span.fait{opacity:1;color:var(--aw-teal-vif);cursor:pointer;}
.pc-fil span.ici{opacity:1;color:var(--aw-orange-vif);}
.pc-fil i{opacity:.3;font-style:normal;}


.pc-recherche{width:100%;max-width:420px;margin:0 0 14px;padding:11px 16px;
  background:rgba(6,20,34,.55);color:#fff;font-family:inherit;font-size:.86rem;
  border:1px solid rgba(47,224,194,.34);border-radius:10px;outline:none;
  transition:border-color .3s,box-shadow .3s;}
.pc-recherche::placeholder{color:rgba(255,255,255,.42);}
.pc-recherche:focus{border-color:var(--aw-teal);
  box-shadow:0 0 26px rgba(47,224,194,.35);}
.pc-rien{font-size:.82rem;opacity:.7;margin:6px 0 0;display:none;}
.pc-rien.visible{display:block;}



















.pc-metiers{display:grid;grid-template-columns:1fr;
  gap:10px;max-height:46vh;overflow-y:auto;padding-right:6px;
  overscroll-behavior:contain;}
.pc-metier{position:relative;text-align:left;cursor:pointer;
  padding:12px 14px;border-radius:14px;color:#fff;font-family:inherit;
  border:1px solid rgba(47,224,194,.26);
  




  






  background:linear-gradient(160deg,rgba(16,54,82,.95),rgba(5,16,28,.97));
  

  transition:transform .34s cubic-bezier(.16,1,.3,1),
             border-color .3s, box-shadow .35s, background .35s;}










.pc-metier b{display:block;font-family:var(--titre,inherit);font-size:1.14rem;
  letter-spacing:.04em;margin-bottom:4px;}
.pc-metier span{display:block;font-size:.86rem;line-height:1.5;opacity:.78;}
.pc-metier:hover{border-color:var(--aw-teal);transform:translateY(-3px);
  box-shadow:0 12px 34px rgba(47,224,194,.28);
  background:linear-gradient(160deg,rgba(28,96,96,.90),rgba(5,16,28,.94));}




.pc-metier.choisi{border-color:var(--aw-orange);
  background:linear-gradient(160deg,rgba(120,50,32,.90),rgba(5,16,28,.94));
  box-shadow:0 0 0 1px var(--aw-orange) inset,0 0 30px var(--aw-halo-orange);}
.pc-metier.choisi::before{content:"";position:absolute;left:0;top:0;bottom:0;
  width:4px;background:var(--aw-orange);border-radius:14px 0 0 14px;
  pointer-events:none;}
.pc-metier.choisi b{color:var(--aw-orange-vif);}
.pc-metier[hidden]{display:none;}




.pc-forfaits{display:grid;grid-template-columns:repeat(auto-fit,minmax(208px,1fr));gap:12px;}
.pc-forfait{position:relative;cursor:pointer;text-align:left;color:#fff;
  font-family:inherit;padding:18px 18px 20px;border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(160deg,rgba(20,70,105,.26),rgba(6,20,34,.34));
  transition:transform .34s cubic-bezier(.16,1,.3,1),
             border-color .3s, box-shadow .35s, background .35s;}
.pc-forfait:hover{transform:translateY(-4px);}
.pc-forfait .pc-plan{font-family:var(--titre,inherit);font-size:1.24rem;
  letter-spacing:.08em;text-transform:uppercase;}
.pc-forfait .pc-prix{font-size:1.85rem;margin:8px 0 0;line-height:1;}
.pc-forfait .pc-unite{font-size:.64rem;letter-spacing:.2em;opacity:.6;
  text-transform:uppercase;}
.pc-forfait ul{margin:12px 0 0;padding-left:15px;font-size:.86rem;
  line-height:1.65;opacity:.8;}

.pc-forfait.tier-orange{border-color:rgba(255,106,61,.42);}
.pc-forfait.tier-orange .pc-prix{color:var(--aw-orange-vif);
  text-shadow:0 0 22px var(--aw-halo-orange);}
.pc-forfait.tier-orange:hover,.pc-forfait.tier-orange.choisi{
  border-color:var(--aw-orange);box-shadow:0 0 34px var(--aw-halo-orange);}

.pc-forfait.tier-teal{border-color:rgba(47,224,194,.42);}
.pc-forfait.tier-teal .pc-prix{color:var(--aw-teal-vif);
  text-shadow:0 0 22px var(--aw-halo-teal);}
.pc-forfait.tier-teal:hover,.pc-forfait.tier-teal.choisi{
  border-color:var(--aw-teal);box-shadow:0 0 34px var(--aw-halo-teal);}

.pc-forfait.tier-violet{border-color:rgba(184,120,255,.42);}
.pc-forfait.tier-violet .pc-prix{color:var(--aw-violet-vif);
  text-shadow:0 0 22px var(--aw-halo-violet);}
.pc-forfait.tier-violet:hover,.pc-forfait.tier-violet.choisi{
  border-color:var(--aw-violet);box-shadow:0 0 34px var(--aw-halo-violet);}


.pc-check{position:absolute;top:10px;right:10px;width:17px;height:17px;
  border-radius:50%;border:1px solid rgba(255,255,255,.34);
  transition:background .25s,border-color .25s,box-shadow .25s;}
.choisi > .pc-check{background:currentColor;border-color:transparent;
  box-shadow:0 0 14px currentColor;}
.pc-forfait.tier-orange.choisi > .pc-check{color:var(--aw-orange-vif);}
.pc-forfait.tier-teal.choisi   > .pc-check{color:var(--aw-teal-vif);}
.pc-forfait.tier-violet.choisi > .pc-check{color:var(--aw-violet-vif);}
.pc-option.choisi > .pc-check{color:var(--aw-orange-vif);}







.pc-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));
  gap:10px;overflow:visible;}
.pc-option{position:relative;cursor:pointer;text-align:left;color:#fff;
  font-family:inherit;padding:12px 14px;border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(160deg,rgba(20,70,105,.24),rgba(6,20,34,.34));
  transition:transform .34s cubic-bezier(.16,1,.3,1),
             border-color .3s, box-shadow .35s, background .35s;}
.pc-option:hover{border-color:var(--aw-orange);transform:translateY(-2px);
  box-shadow:0 10px 30px var(--aw-halo-orange);z-index:20;}
.pc-option.choisi{border-color:var(--aw-orange-vif);
  box-shadow:0 0 0 1px var(--aw-orange-vif) inset,0 0 26px var(--aw-halo-orange);}
.pc-option b{display:block;font-size:.98rem;margin-bottom:4px;line-height:1.3;}
.pc-option .pc-opt-prix{font-size:.82rem;color:var(--aw-orange-vif);
  letter-spacing:.1em;}
















.pc-option p{position:absolute;left:8px;right:8px;top:calc(100% + 4px);
  pointer-events:none;
  margin:0;padding:9px 11px;font-size:.74rem;line-height:1.4;
  background:rgba(10,12,20,.97);border:1px solid rgba(255,148,102,.45);
  border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.55);
  opacity:0;visibility:hidden;z-index:30;
  transition:opacity .25s,visibility .25s;}
.pc-option:hover p,.pc-option:focus-visible p{opacity:1;visibility:visible;}



@media (hover:none){
  .pc-option p{position:static;opacity:1;visibility:visible;
    background:none;border:0;box-shadow:none;padding:6px 0 0;
    font-size:.72rem;opacity:.75;}
}


#pc-ticket{position:fixed;left:24px;bottom:24px;z-index:8;width:min(310px,44vw);
  padding:16px 18px;border-radius:16px;color:#fff;
  border:1px solid rgba(255,106,61,.45);
  background:linear-gradient(160deg,rgba(14,22,34,.95),rgba(6,12,22,.95));
  box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 40px var(--aw-halo-orange);
  transform:translateY(22px);opacity:0;pointer-events:none;
  transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s;}
#pc-ticket.visible{transform:none;opacity:1;pointer-events:auto;}
#pc-ticket .pc-t-titre{font-size:.6rem;letter-spacing:.24em;
  text-transform:uppercase;opacity:.7;margin-bottom:10px;}
#pc-ticket .pc-lignes{margin:0 0 10px;padding:0;list-style:none;
  font-size:.76rem;line-height:1.7;max-height:26vh;overflow-y:auto;}
#pc-ticket .pc-lignes li{display:flex;justify-content:space-between;gap:12px;}
#pc-ticket .pc-lignes li span:last-child{opacity:.75;white-space:nowrap;}
#pc-ticket .pc-total{display:flex;justify-content:space-between;align-items:baseline;
  border-top:1px solid rgba(255,255,255,.16);padding-top:10px;}
#pc-ticket .pc-total b{font-size:1.5rem;color:var(--aw-orange-vif);
  text-shadow:0 0 22px var(--aw-halo-orange);}













#pc-ticket .pc-t-fermer{position:absolute;top:8px;right:10px;cursor:pointer;
  background:none;border:0;color:#fff;opacity:.5;font-size:1rem;line-height:1;
  z-index:2;}
#pc-ticket .pc-t-fermer:hover{opacity:1;}
.pc-cta{display:inline-block;margin-top:12px;padding:10px 20px;border-radius:30px;
  color:#fff;text-decoration:none;font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;border:1px solid var(--aw-orange);
  transition:background .25s,box-shadow .25s,transform .25s;}
.pc-cta:hover{background:rgba(255,106,61,.18);
  box-shadow:0 0 30px var(--aw-halo-orange);transform:translateY(-2px);}


@media (max-width:820px){
  #pc-ticket{left:12px;right:12px;width:auto;bottom:12px;}
  .pc-metiers{max-height:38vh;}
}














@media (hover:none){
  .pc-metiers{grid-template-columns:1fr;max-height:46vh;}
  
  .pc-metiers{overscroll-behavior:contain;}
  






  #formules[data-parcours="forfait"] .pc-metiers,
  #formules[data-parcours="option"]  .pc-metiers{max-height:22vh;}
}




.pc-invite{opacity:.62;font-style:italic;}
.pc-invite[hidden]{display:none;}