.s-loyalty{overflow:hidden;isolation:isolate}.s-loyalty__halo{position:absolute;right:-18%;bottom:-38%;width:min(920px,130vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(201 122 61 / .2) 0%,rgb(201 122 61 / .07) 38%,transparent 64%);pointer-events:none;z-index:0}.s-loyalty__grid{position:relative;z-index:1;display:grid;gap:36px}@media(min-width:990px){.s-loyalty__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(48px,6vw,96px);align-items:center}.s-loyalty__grid--reverse .s-loyalty__intro{order:2}.s-loyalty__grid--solo{grid-template-columns:minmax(0,1fr);max-width:820px}}.s-loyalty__intro>*+*{margin-top:18px}.s-loyalty__title{max-width:18ch;text-wrap:balance;font-style:normal}.s-loyalty__title :is(strong,em){font-style:normal}.s-loyalty__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:6px}.s-loyalty__note{display:flex;gap:10px;align-items:flex-start;max-width:54ch;font-size:13.5px;line-height:1.55;color:var(--fg-doux)}.s-loyalty__note .a-icon{flex:none;margin-top:2px;color:var(--accent)}.s-loyalty__note a{color:var(--accent)}.s-loyalty__note--cards{max-width:none;padding:2px 4px 0}.s-loyalty__side{display:grid;gap:14px;min-width:0}@media(max-width:989px){.s-loyalty__embers{display:none!important}}.s-loyalty__viz{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:clamp(20px,3.6vw,34px);border-radius:var(--r-l);border:1px solid rgb(201 122 61 / .3);background:radial-gradient(120% 90% at 100% 0%,rgb(201 122 61 / .26),transparent 55%),radial-gradient(90% 70% at 0% 100%,rgb(140 58 46 / .34),transparent 60%),var(--c-nuit);color:var(--c-texte);box-shadow:0 30px 60px -34px #3c2210bf,0 2px 8px #3c22101f;transition:rotate .8s var(--ease-out),translate .8s var(--ease-out),box-shadow .8s var(--ease-out)}.s-loyalty__viz .s-loyalty__track{background:#f1e7d814;box-shadow:inset 0 0 0 1px #f1e7d81a}@media(hover:hover)and (pointer:fine)and (min-width:990px){.s-loyalty__side{perspective:1200px}.s-loyalty__viz{rotate:.35 1 0 -5deg}.s-loyalty__viz:hover{rotate:.35 1 0 0deg;translate:0 -4px;box-shadow:var(--ombre-ambre),0 40px 70px -36px #3c2210cc}}@media(prefers-reduced-motion:reduce){.s-loyalty__viz,.s-loyalty__viz:hover{rotate:none!important;translate:none!important;transition:none}}.s-loyalty__viz>.s-loyalty__viz-in,.s-loyalty__viz>figcaption{position:relative;z-index:1}.s-loyalty__viz-label{display:flex;align-items:center;gap:8px;margin-bottom:18px;font:500 12px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.s-loyalty__eq{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.s-loyalty__chip{display:inline-flex;align-items:baseline;gap:8px;padding:10px 16px;border-radius:var(--r-m);background:var(--carte-2);border:1px solid var(--ligne)}.s-loyalty__big{font:500 clamp(26px,4.4vw,36px)/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--fg)}.s-loyalty__chip--pts{border-color:#c97a3d73;background:#c97a3d1a}.s-loyalty__chip--pts .s-loyalty__big{color:var(--accent-titre)}.s-loyalty__cap{font-size:13px;color:var(--fg-doux)}.s-loyalty__flow{display:inline-flex;color:var(--accent)}.s-loyalty__viz.is-in .s-loyalty__flow .a-icon{animation:s-loyalty-nudge 2.6s var(--ease-braise) 1.4s infinite}@keyframes s-loyalty-nudge{0%,55%,to{translate:0 0}28%{translate:6px 0}}.s-loyalty__meter{margin-top:26px}.s-loyalty__meter-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin-bottom:14px}.s-loyalty__count{font:500 clamp(32px,5vw,46px)/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--fg)}.s-loyalty__count>[data-count-to]{display:inline-block;min-width:3ch}.s-loyalty__count small{margin-left:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-doux)}.s-loyalty__goal{font:500 12px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-doux)}.s-loyalty__track{position:relative;height:10px;border-radius:var(--r-pill);background:#241c150f;box-shadow:inset 0 0 0 1px var(--ligne)}.s-loyalty__clip{position:absolute;left:0;right:-14px;top:-12px;bottom:-12px;overflow:hidden;pointer-events:none}.s-loyalty__run{position:absolute;left:0;top:12px;width:calc(100% - 14px);height:10px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--c-braise),var(--c-ambre) 60%,var(--c-ambre-vif));transition:transform 1.9s cubic-bezier(.33,1,.68,1) .1s}.s-loyalty__run:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff6e6;box-shadow:0 0 0 2px var(--c-ambre),0 0 14px 4px #e39a5c8c}html.js .s-loyalty__meter:not(.is-in) .s-loyalty__run{transform:translate(-100%)}.s-loyalty__ticks{display:flex;justify-content:space-between;margin-top:10px;font:500 11.5px/1 var(--f-mono);color:var(--fg-doux)}.s-loyalty__reward{display:flex;align-items:center;gap:14px;margin-top:22px;padding:14px 18px;border-radius:var(--r-m);border:1px solid rgb(201 122 61 / .35);background:#c97a3d14;transition:opacity .7s var(--ease-out) 1.75s,transform .9s var(--ease-out) 1.75s}html.js .s-loyalty__viz:not(:has(.s-loyalty__meter.is-in)) .s-loyalty__reward{opacity:0;transform:translateY(12px) scale(.96)}.s-loyalty__reward-ico{display:inline-flex;color:var(--accent)}.s-loyalty__viz.is-in .s-loyalty__reward-ico .a-icon{animation:s-loyalty-tilt 1s var(--ease-out) 2.1s both}@keyframes s-loyalty-tilt{0%{rotate:0deg;scale:1}40%{rotate:-12deg;scale:1.15}to{rotate:0deg;scale:1}}.s-loyalty__reward-txt{font-size:13.5px;line-height:1.3;color:var(--fg-doux)}.s-loyalty__reward-val{margin-left:auto;font:normal 600 clamp(28px,4vw,36px)/1 var(--f-titre);letter-spacing:-.02em;color:var(--accent-titre);text-shadow:0 0 24px rgb(227 154 92 / .35)}.s-loyalty__caption{margin-top:16px;font-size:14px;line-height:1.5;color:var(--fg-doux)}.s-loyalty__caption strong{font-weight:600;color:var(--fg)}.s-loyalty__cards{display:grid;gap:14px}@media(min-width:750px){.s-loyalty__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.s-loyalty__card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;border-radius:var(--r-l);background:var(--carte);border:1px solid var(--ligne);box-shadow:var(--ombre-carte);transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out),border-color var(--t-base)}.s-loyalty__card-top{display:flex;align-items:center;gap:12px;margin-bottom:4px}.s-loyalty__disc{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#EDB27C 0%,var(--c-ambre) 55%,var(--c-ambre-profond) 100%);color:var(--on-accent);box-shadow:0 10px 22px -10px #9a5426b3,inset 0 1.5px 3px #fdfaf573;transition:rotate .6s var(--ease-out),scale .6s var(--ease-out)}.s-loyalty__card-title{font:normal 600 clamp(20px,2vw,23px)/1.15 var(--f-titre);letter-spacing:-.015em}.s-loyalty__card-text{font-size:15px;line-height:1.6;color:var(--fg-doux)}.s-loyalty__card-text>*+*{margin-top:.6em}.s-loyalty__card-text a{color:var(--accent)}@media(hover:hover)and (pointer:fine){.s-loyalty__card:hover{transform:translateY(-4px);box-shadow:var(--ombre-ambre),var(--ombre-carte);border-color:#c97a3d73}.s-loyalty__card:hover .s-loyalty__disc{rotate:-8deg;scale:1.07}}@media(prefers-reduced-motion:reduce){html.js .s-loyalty__meter:not(.is-in) .s-loyalty__run{transform:none}html.js .s-loyalty__viz:not(:has(.s-loyalty__meter.is-in)) .s-loyalty__reward{opacity:1;transform:none}.s-loyalty__reward{transition:none}.s-loyalty__viz.is-in .s-loyalty__flow .a-icon,.s-loyalty__viz.is-in .s-loyalty__reward-ico .a-icon{animation:none}}html.a-no-anim .s-loyalty__meter .s-loyalty__run{transform:none!important;transition:none}html.a-no-anim .s-loyalty__reward{opacity:1!important;transform:none!important;transition:none}html.a-no-anim .s-loyalty__viz .a-icon{animation:none!important}.s-loyalty__m{display:none}@media(max-width:749px){.s-loyalty--mob .s-loyalty__grid{display:none}.s-loyalty--mob .s-loyalty__m{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.s-loyalty__m-title{font-style:normal;text-wrap:balance}.s-loyalty__m-title :is(strong,em){font-style:normal}.s-loyalty__m-text{margin:0;font-size:16px;line-height:1.55;color:var(--fg-doux);text-wrap:pretty}.s-loyalty__m-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent)}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/s-loyalty.css.map */