.bouton-parcours{transition:scale .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,background-color .25s,opacity .2s}.bouton-parcours:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#fff6 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.bouton-parcours:hover:not(:disabled){scale:1.03}.bouton-parcours:hover:not(:disabled):after{transition:transform .7s;transform:translate(120%)}}.bouton-parcours:active:not(:disabled){transition-duration:80ms;scale:.96}}.indice-repli{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .35s,opacity .25s;display:grid}.indice-repli.est-replie{opacity:0;grid-template-rows:0fr}@media (prefers-reduced-motion:no-preference){.indice-main{animation:1.3s ease-in-out infinite indice-pointe;display:inline-block}@keyframes indice-pointe{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.chainon-colle{animation:.7s cubic-bezier(.3,1.6,.5,1) chainon-colle}@keyframes chainon-colle{0%{color:var(--texte-doux);transform:scale(1)rotate(0)}35%{color:var(--menthe);filter:drop-shadow(0 0 6px #2fd4a3cc);transform:scale(1.35)rotate(-25deg)}70%{color:var(--menthe);transform:scale(.92)rotate(8deg)}to{color:var(--menthe);transform:none}}}.chainon-colle{color:var(--menthe)}@media (prefers-reduced-motion:no-preference){@keyframes drapeau-parcours{0%{transform:perspective(60px)rotateY(0)scale(1)}25%{transform:perspective(60px)rotateY(16deg)skewY(-3deg)scale(1.2)}50%{transform:perspective(60px)rotateY(-12deg)skewY(2deg)scale(.93)}75%{transform:perspective(60px)rotateY(6deg)scale(1.05)}to{transform:perspective(60px)rotateY(0)scale(1)}}.parcours-langue :hover>.drapeau,.parcours-langue :active>.drapeau,.parcours-langue .drapeau.drapeau-clic{animation:.8s cubic-bezier(.3,1.4,.5,1) drapeau-parcours}}.puce-choix{transition:border-color .25s,color .25s,background-color .25s,scale .2s}.puce-choix.est-active{border-color:var(--menthe);color:var(--nuit);background:var(--menthe)}.puce-choix.est-vip.est-active{border-color:var(--dore);color:#f5d68a;background:linear-gradient(135deg,#0b0b0b,#1f1a10 60%,#0b0b0b)}@media (prefers-reduced-motion:no-preference){.puce-choix.est-active{background-image:linear-gradient(90deg, var(--menthe) 50%, transparent 50%);background-color:#0000;background-size:200% 100%;animation:.45s ease-out forwards puce-balayage}.puce-choix.est-vip.est-active{background-color:#0000;background-image:linear-gradient(90deg,#14110a 50%,#0000 50%)}@keyframes puce-balayage{0%{background-position:100% 0}to{background-position:0 0}}.puce-choix:active{scale:.95}.emoji-rebond{animation:.55s cubic-bezier(.3,1.7,.5,1) emoji-rebond;display:inline-block}@keyframes emoji-rebond{0%{transform:scale(1)}35%{transform:scale(1.45)rotate(-10deg)}65%{transform:scale(.9)rotate(4deg)}to{transform:none}}.pastille-choix:active{scale:.88}.pastille-choix.est-active{animation:.45s cubic-bezier(.3,1.7,.5,1) emoji-rebond}.confirmation-choix{animation:1.9s forwards confirmation-choix}@keyframes confirmation-choix{0%{opacity:0;transform:translateY(4px)}15%,75%{opacity:1;transform:none}to{opacity:0}}.texte-vip{animation:3s ease-in-out infinite reflet-dore}@keyframes reflet-dore{0%,55%{background-position:-150% 0}to{background-position:250% 0}}}@media (prefers-reduced-motion:reduce){.confirmation-choix{opacity:0}}.texte-vip{background-image:linear-gradient(110deg, var(--dore) 35%, var(--dore-clair) 50%, var(--dore) 65%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.pastille-libre{background:conic-gradient(#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#a855f7,#ec4899,#ef4444)}@media (prefers-reduced-motion:no-preference){.coche-pop{animation:.45s cubic-bezier(.3,1.7,.5,1) emoji-rebond}.point-en-cours{animation:.9s linear infinite tourne-point}@keyframes tourne-point{to{transform:rotate(1turn)}}.plein-entree{animation:.35s ease-out plein-entree}@keyframes plein-entree{0%{opacity:0}to{opacity:1}}.telephone-entree{animation:.6s cubic-bezier(.2,.8,.2,1) telephone-entree}@keyframes telephone-entree{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:none}}.felicitations-entree{animation:.6s cubic-bezier(.3,1.5,.5,1) felicitations-entree}@keyframes felicitations-entree{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.bulle-flotte{animation:4s ease-in-out infinite bulle-flotte}@keyframes bulle-flotte{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.panneau-reglages{animation:.3s cubic-bezier(.2,.8,.2,1) panneau-reglages}@keyframes panneau-reglages{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}.ecran-boutique{transform:translateZ(0)}.barre-parcours{transition:width .5s cubic-bezier(.2,.8,.2,1)}.choix-carte{transition:border-color .25s,background-color .25s,box-shadow .25s,scale .2s}.choix-carte.est-active{box-shadow:0 0 0 1px #2fd4a359,0 12px 30px -18px #2fd4a3b3}.photo-choix{outline-offset:-2px;background:linear-gradient(145deg,#fff,#e9eef6);outline:2px solid #0000;transition:outline-color .2s,opacity .2s,scale .2s;box-shadow:0 10px 24px -16px #000c}.photo-choix:not(.est-cochee) img{opacity:.45;filter:grayscale(.6)}.photo-choix.est-cochee{outline-color:var(--menthe-fonce)}.vignette-style,.mini-boutique{pointer-events:none}@media (prefers-reduced-motion:no-preference){.etape-entree{animation:.42s cubic-bezier(.2,.8,.2,1) both etape-avant}.etape-entree.etape-arriere{animation-name:etape-arriere}@keyframes etape-avant{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes etape-arriere{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}.choix-carte:active{scale:.97}.photo-choix:active{scale:.96}@media (hover:hover){.carte-idee:hover{translate:0 -3px}}.carte-idee{transition:translate .25s,border-color .25s,box-shadow .25s}.carte-chargement{animation:1.4s ease-in-out infinite scintille-parcours;animation-delay:calc(var(--i,0) * .12s)}@keyframes scintille-parcours{0%,to{opacity:.55}50%{opacity:1}}.tutoriel-etape{animation:.35s cubic-bezier(.2,.7,.2,1) both lien-cascade-parcours;animation-delay:calc(var(--i) * 60ms)}@keyframes lien-cascade-parcours{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.apercu-direct{animation:.35s ease-out plein-entree}}.bandeau-genere{background:linear-gradient(90deg,#2fd4a31a,#3b82f624,#2fd4a31a)}.bandeau-genere:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}@media (prefers-reduced-motion:no-preference){.bandeau-genere:after{animation:3.6s ease-in-out .6s infinite bandeau-reflet}@keyframes bandeau-reflet{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.apercu-apparition{animation:.6s cubic-bezier(.2,.8,.2,1) 80ms both apercu-apparition}@keyframes apercu-apparition{0%{opacity:0;transform:translateY(18px)}}}.popup-email-halo{background:radial-gradient(closest-side,#2fd4a347,#0000),radial-gradient(closest-side at 80% 30%,#3b82f640,#0000)}.carte-modele.est-active{box-shadow:0 0 0 1px var(--menthe), 0 18px 40px -18px #2fd4a3bf}.bouton-recommencer{outline-offset:3px}@media (prefers-reduced-motion:no-preference){.bouton-recommencer{animation:2.4s ease-out infinite recommencer-halo}.bouton-recommencer:hover{animation-play-state:paused}.recommencer-reflet{background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:3.6s ease-in-out infinite recommencer-reflet;transform:translate(-120%)}.recommencer-icone{animation:3.6s cubic-bezier(.5,0,.2,1) infinite recommencer-tour}@keyframes recommencer-halo{0%{box-shadow:0 0 #f43f5e8c,0 10px 24px -10px #f43f5ecc}70%,to{box-shadow:0 0 0 12px #f43f5e00,0 10px 24px -10px #f43f5ecc}}@keyframes recommencer-reflet{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes recommencer-tour{0%,70%{rotate:0deg}to{rotate:-360deg}}}.jauge-produits{transition:width .45s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:no-preference){.depot-produits.est-survole .depot-icone{animation:.9s ease-in-out infinite alternate depot-monte}@keyframes depot-monte{0%{translate:0 2px}to{translate:0 -4px}}.photo-propre{animation:.3s cubic-bezier(.2,.8,.2,1) both photo-arrivee}@keyframes photo-arrivee{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}}.carte-source,.bouton-fournisseur{isolation:isolate;position:relative;overflow:hidden}.choix-carte.carte-source,.bouton-fournisseur{transition:border-color .25s,background-color .25s,box-shadow .3s,translate .3s cubic-bezier(.2,.8,.2,1),scale .2s}.carte-source:after,.bouton-fournisseur:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg, transparent 30%, #ffffff8c 46%, color-mix(in srgb, var(--dore-clair) 35%, transparent) 52%, transparent 68%);position:absolute;inset:0;transform:translate(-120%)}.bouton-fournisseur:focus-visible{border-color:var(--menthe);box-shadow:0 0 0 3px #2fd4a32e, 0 14px 32px -16px #2fd4a3b3, 0 10px 30px -18px color-mix(in srgb, var(--dore) 70%, transparent)}.carte-source:has(:focus-visible){border-color:var(--menthe);box-shadow:0 0 0 3px #2fd4a32e, 0 14px 32px -16px #2fd4a3b3, 0 10px 30px -18px color-mix(in srgb, var(--dore) 70%, transparent)}.bouton-fournisseur:focus-visible{outline:2px solid var(--menthe-fonce);outline-offset:2px}@media (hover:hover){.carte-source:hover,.bouton-fournisseur:hover{border-color:var(--menthe);box-shadow:0 0 0 3px #2fd4a324, 0 14px 32px -16px #2fd4a3b3, 0 10px 30px -18px color-mix(in srgb, var(--dore) 70%, transparent)}}.bouton-fournisseur-logo{transition:rotate .4s cubic-bezier(.3,1.5,.5,1),scale .4s cubic-bezier(.3,1.5,.5,1)}@media (prefers-reduced-motion:no-preference){.bouton-fournisseur:focus-visible{translate:0 -3px}.carte-source:has(:focus-visible){translate:0 -3px}.bouton-fournisseur:focus-visible:after{transition:transform .8s;transform:translate(120%)}.carte-source:has(:focus-visible):after{transition:transform .8s;transform:translate(120%)}.bouton-fournisseur:focus-visible .bouton-fournisseur-logo{rotate:-6deg;scale:1.1}@media (hover:hover){.carte-source:hover,.bouton-fournisseur:hover{translate:0 -3px}.carte-source:hover:after,.bouton-fournisseur:hover:after{transition:transform .8s;transform:translate(120%)}.bouton-fournisseur:hover .bouton-fournisseur-logo{rotate:-6deg;scale:1.1}}.bouton-fournisseur:not(:hover):not(:focus-visible):after{animation:5s ease-in-out infinite fournisseur-reflet;animation-delay:calc(var(--i,0) * .5s + 1s)}@keyframes fournisseur-reflet{0%,70%{transform:translate(-120%)}90%,to{transform:translate(120%)}}.bouton-fournisseur:active{transition-duration:80ms;scale:.97}}
