:root { --e-l: 390px; --e-h: 844px; --e-ressort: cubic-bezier(.32, 1.42, .52, 1); --e-sort: cubic-bezier(.5, 0, .75, .2); }
:root { --e-t: .8; }
.e-h { --e-t: 1; }
@media (max-width: 899px) {
  :root { --e-t: .45; }
  .e-h { --e-t: .75; }
  .e-ver { --e-t: .34; }
}

.e-app { position: absolute; inset: 0; width: var(--e-l); height: var(--e-h); overflow: hidden; background: #08090b; color: var(--dn-argent-1); font: 500 15px/1.4 var(--dn-texte); text-align: left; isolation: isolate; -webkit-font-smoothing: antialiased; }
.e-app::before { content: ""; position: absolute; z-index: -1; inset: -12% -30% auto; height: 58%; pointer-events: none; opacity: .78; filter: blur(16px);
  background:
    linear-gradient(116deg, transparent 14%, #2a2e34 22%, #0a0b0d 30%, #50555d 39%, #0d0e11 47%, #2f3339 55%, #0b0c0e 63%, #3b4047 70%, transparent 80%),
    radial-gradient(60% 50% at 72% 26%, #474c54, transparent 70%);
  -webkit-mask: linear-gradient(180deg, #000 30%, transparent 96%); mask: linear-gradient(180deg, #000 30%, transparent 96%); }
.e-app--seule { position: absolute; inset: 0; transform: scale(var(--e-k, .77)); transform-origin: 0 0; }
.e-app :is(h3, h4, p, ul, ol, figure) { margin: 0; }
.e-app :is(ul, ol) { padding: 0; list-style: none; }
.e-app img { display: block; -webkit-user-drag: none; user-select: none; }

.e-statut { position: absolute; z-index: 6; left: 0; right: 0; top: 0; height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 6px 30px 0 34px; font: 650 15px/1 var(--dn-texte); letter-spacing: -.01em; color: #fff; }
.e-statut-icones { display: flex; align-items: center; gap: 6px; }
.e-statut-icones i:nth-child(1) { width: 17px; height: 11px; background: linear-gradient(#fff, #fff) 0 100% / 3px 36% no-repeat, linear-gradient(#fff, #fff) 4.6px 100% / 3px 56% no-repeat, linear-gradient(#fff, #fff) 9.2px 100% / 3px 78% no-repeat, linear-gradient(#fff, #fff) 13.8px 100% / 3px 100% no-repeat; }
.e-statut-icones i:nth-child(2) { width: 15px; height: 11px; background: #fff; clip-path: path("M7.5 11 0 3.2A10.6 10.6 0 0 1 15 3.2Z"); }
.e-statut-icones i:nth-child(3) { position: relative; width: 25px; height: 12px; border-radius: 4px; border: 1.2px solid #ffffff8c; }
.e-statut-icones i:nth-child(3)::before { content: ""; position: absolute; inset: 1.6px 5px 1.6px 1.6px; border-radius: 2px; background: #fff; }
.e-statut-icones i:nth-child(3)::after { content: ""; position: absolute; right: -4px; top: 3.4px; width: 2px; height: 4px; border-radius: 0 2px 2px 0; background: #ffffff8c; }
.e-haut { position: absolute; z-index: 5; left: 0; right: 0; top: 46px; height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.e-app--seule .e-haut { top: 14px; }
.e-mot { display: block; width: 94px; aspect-ratio: 5362 / 842; background: var(--dn-chrome-doux, #e8eaed); -webkit-mask: url("/shared/dn/logos/mot.svg") center / contain no-repeat; mask: url("/shared/dn/logos/mot.svg") center / contain no-repeat; }
.e-avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--dn-charbon); font: 600 14px/1 var(--dn-titre); background: linear-gradient(180deg, #fff 0%, #e6e8eb 34%, #9aa0a7 56%, #dfe2e5 78%, #fff 100%); box-shadow: inset 0 1px 0 #fff, 0 0 0 1px #000, 0 0 0 2px #ffffff30; }

.e-pages { position: absolute; z-index: 1; left: 0; right: 0; top: 98px; bottom: 0; overflow: hidden; -webkit-mask: linear-gradient(180deg, transparent 0, #000 16px); mask: linear-gradient(180deg, transparent 0, #000 16px); }
.e-app--seule .e-page { position: absolute; left: 0; right: 0; top: 66px; bottom: 0; overflow: hidden; }
.e-pages > .e-page { position: absolute; inset: 0; overflow: hidden; visibility: hidden; }
.e-pages > .e-page.is-la, .e-pages > .e-page.is-sort { visibility: visible; }
.e-pages > .e-page.is-la { z-index: 2; }
.e-pages > .e-page.is-entre { z-index: 3; animation: e-entre calc(.86s * var(--e-t, 1)) var(--e-ressort) both; }
.e-pages > .e-page.is-entre[data-sens="haut"] { animation-name: e-entre-haut; }
.e-pages > .e-page.is-sort { z-index: 1; animation: e-sort calc(.7s * var(--e-t, 1)) var(--dn-pose) both; }
.e-pages > .e-page.is-sort[data-sens="haut"] { animation-name: e-sort-haut; }
@keyframes e-entre { from { transform: translateY(104%); } }
@keyframes e-entre-haut { from { transform: translateY(-104%); } }
@keyframes e-sort { to { transform: translateY(-10%) scale(.9); filter: brightness(.2); } }
@keyframes e-sort-haut { to { transform: translateY(10%) scale(.9); filter: brightness(.2); } }
.e-pages > .e-page.is-entre::before { content: ""; position: absolute; z-index: 9; left: 0; right: 0; top: -1px; height: 3px; background: linear-gradient(90deg, transparent 4%, #fff 28%, #fff 72%, transparent 96%); box-shadow: 0 0 22px 3px #ffffff4d; animation: e-fil calc(.86s * var(--e-t, 1)) ease-out both; }
.e-pages > .e-page.is-entre[data-sens="haut"]::before { top: auto; bottom: -1px; }
@keyframes e-fil { 0% { opacity: 1; } 60% { opacity: .9; } 100% { opacity: 0; } }

.e-defile { position: relative; padding: 4px 20px 150px; transform: translateY(calc(var(--d, 0) * -1px)); transition: transform calc(1.1s * var(--e-t, 1)) var(--dn-levee); }

.e-sur { font: 700 11.5px/1.25 var(--dn-texte); letter-spacing: .13em; text-transform: uppercase; color: var(--dn-argent-3); }
.e-sur--fin { margin-top: 22px !important; }
.e-titre { margin-top: 8px !important; font: 600 44px/1.02 var(--dn-titre); letter-spacing: -.055em; color: transparent; background-image: var(--dn-chrome-reflet), var(--dn-chrome-coupe); -webkit-background-clip: text; background-clip: text; padding-bottom: .08em; filter: drop-shadow(0 10px 22px #000c); }
.e-titre--moyen { font-size: 34px; }
.e-centre { text-align: center; }
.e-texte { margin-top: 10px !important; font-size: 15px; color: var(--dn-argent-2); text-wrap: pretty; }
.e-texte b { color: #fff; }
.e-ligne { display: flex; align-items: baseline; gap: 8px; margin-top: 12px !important; font-size: 15px; color: var(--dn-argent-2); }
.e-gros { font: 600 30px/1 var(--dn-titre); letter-spacing: -.05em; color: #fff; }
.e-select { margin-left: 10px; padding-bottom: 2px; border-bottom: 1px solid #ffffff4d; color: #fff; font-weight: 600; }
.e-select::after { content: " ⌄"; color: var(--dn-argent-3); }
.e-marche { margin-left: 10px; color: var(--dn-argent-3); font-weight: 600; white-space: nowrap; }

.e-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px; overflow: hidden; color: var(--dn-charbon); font: 800 13px/1 var(--dn-texte); letter-spacing: .02em; text-shadow: 0 1px 0 #ffffffa6; white-space: nowrap; background: radial-gradient(160px circle at 30% 0%, #ffffffd9, transparent 60%), var(--dn-acier-brosse); box-shadow: var(--dn-acier-ombre), 0 12px 24px -12px #000; }
.e-btn svg { width: 17px; height: 17px; flex: none; }
.e-btn--large { display: flex; width: 100%; min-height: 54px; font-size: 14px; }
.e-btn--noir { background: linear-gradient(180deg, #2a2d32, #0b0c0e); color: #fff; text-shadow: none; box-shadow: inset 0 1px 0 #ffffff2e, 0 0 0 1px #000, 0 12px 22px -10px #000; text-transform: uppercase; letter-spacing: .08em; }
.e-lien { font-size: 14px; font-weight: 600; color: var(--dn-charbon); text-decoration: underline; text-underline-offset: 4px; }
.e-puce { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid #ffffff24; background: #ffffff08; color: var(--dn-argent-2); font: 650 13px/1 var(--dn-texte); white-space: nowrap; }
.e-puce--on { color: #fff; border-color: #ffffff5c; background: linear-gradient(180deg, #ffffff1f, #ffffff08); box-shadow: inset 0 1px 0 #ffffff26; }
.e-puce--fixe { min-height: 28px; padding: 0 10px; font-size: 12px; }
.e-carte { position: relative; padding: 18px 18px 18px; border-radius: 24px; color: var(--dn-charbon); background: radial-gradient(120% 80% at 20% 0%, #ffffff, transparent 60%), linear-gradient(170deg, #f5f6f8 0%, #d6d9dd 46%, #eceef1 70%, #c4c8cd 100%); box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 #00000033, 0 0 0 1px #000, 0 30px 50px -24px #000; }
.e-carte h4 { font: 600 23px/1.06 var(--dn-titre); letter-spacing: -.045em; color: #0b0c0e; }
.e-carte-sur { display: flex; align-items: center; justify-content: space-between; gap: 8px; font: 800 11px/1.2 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: #3a3f45; }
.e-carte-sur--seul { margin-top: 14px !important; }
.e-compte { padding: 4px 9px; border-radius: 999px; border: 1px solid #0000001f; background: #ffffff8c; letter-spacing: .04em; }
.e-carte-dit { margin-top: 8px !important; font-size: 13.5px; line-height: 1.4; color: #3a3f45; }
.e-carte-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px !important; }
.e-sombre { position: relative; padding: 18px; border-radius: 22px; background: linear-gradient(180deg, #16181ce6, #0d0f12f0); border: 1px solid #ffffff17; box-shadow: inset 0 1px 0 #ffffff12, 0 26px 40px -26px #000; }
.e-sombre .e-carte-sur { color: var(--dn-argent-3); }
.e-coeur { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #ffffff2e; background: #0b0c0e; }
.e-coeur::before { content: ""; width: 20px; height: 18px; background: currentColor; color: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2 14.6 2 7.6A5.4 5.4 0 0 1 12 4.7a5.4 5.4 0 0 1 10 2.9C22 14.6 12 21 12 21Z' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2 14.6 2 7.6A5.4 5.4 0 0 1 12 4.7a5.4 5.4 0 0 1 10 2.9C22 14.6 12 21 12 21Z' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; }
.e-coeur::after { content: ""; position: absolute; width: 20px; height: 18px; background: linear-gradient(180deg, #fff, #b9bec4); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2 14.6 2 7.6A5.4 5.4 0 0 1 12 4.7a5.4 5.4 0 0 1 10 2.9C22 14.6 12 21 12 21Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2 14.6 2 7.6A5.4 5.4 0 0 1 12 4.7a5.4 5.4 0 0 1 10 2.9C22 14.6 12 21 12 21Z'/%3E%3C/svg%3E") center / contain no-repeat; scale: 0; transition: scale calc(.5s * var(--e-t, 1)) var(--e-ressort); }
.e-coeur--plein::after { scale: 1; }
.e-cloche { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #ffffff2e; background: #0b0c0e; color: #fff; }
.e-cloche svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.e-prod { position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; height: 70px; padding: 6px 12px 6px 6px; border-radius: 18px; background: linear-gradient(180deg, #16181c, #0f1114); border: 1px solid #ffffff14; }
.e-prod img { grid-row: 1 / 3; width: 58px; height: 58px; border-radius: 13px; object-fit: cover; background: #ececec; }
.e-prod-nom { align-self: end; min-width: 0; font: 650 15px/1.15 var(--dn-texte); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.e-prod-nom small { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .02em; color: var(--dn-argent-3); }
.e-prod-delai { grid-column: 2; align-self: start; font-size: 12.5px; color: var(--dn-argent-3); }
.e-prod-prix { grid-column: 3; grid-row: 1 / 3; font: 600 19px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.e-liste { display: grid; gap: 8px; margin-top: 18px !important; }
.e-or { position: absolute; right: 10px; top: -9px; padding: 4px 9px; border-radius: 999px; background: var(--dn-charbon); border: 1px solid var(--dn-or-lumiere); color: var(--dn-or-vif); font: 800 10px/1 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; box-shadow: 0 0 18px var(--dn-or-lueur); }
.e-prod--pepite { border-color: var(--dn-or-lumiere); box-shadow: 0 0 0 1px #00000080, 0 0 30px -6px var(--dn-or-lueur), inset 0 1px 0 #f0c86a40; }
.e-prod--pepite .e-prod-prix { color: transparent; background: var(--dn-or-reflet); -webkit-background-clip: text; background-clip: text; }

.e-charge { position: absolute; z-index: 4; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding-bottom: 110px; text-align: center; pointer-events: none; }
.e-charge-anneau { position: absolute; top: calc(50% - 55px - 118px); left: calc(50% - 118px); width: 236px; height: 236px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 62%, #ffffff12 70%, #ffffffd9 96%, transparent 100%); -webkit-mask: radial-gradient(closest-side, transparent 92%, #000 93% 99%, transparent 100%); mask: radial-gradient(closest-side, transparent 92%, #000 93% 99%, transparent 100%); }
.e-charge-anneau::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid #ffffff14; }
.e-charge-ichor { position: relative; display: block; width: 132px; height: 132px; margin-bottom: 26px; filter: drop-shadow(0 16px 30px #000); }
.e-charge-ichor > * { width: 100% !important; height: 100% !important; }
.e-charge-dit { font: 600 22px/1.1 var(--dn-titre); letter-spacing: -.04em; color: transparent; background: linear-gradient(100deg, #8d939a 0%, #8d939a 40%, #fff 50%, #8d939a 60%, #8d939a 100%) 0 0 / 300% 100%; -webkit-background-clip: text; background-clip: text; }
.e-charge-n { font-size: 14px; color: var(--dn-argent-3); }
.e-charge-n b { font: 600 16px/1 var(--dn-titre); letter-spacing: -.02em; color: #fff; }

.e-lentille { position: absolute; z-index: 5; left: 0; top: 0; width: 86px; aspect-ratio: 1000 / 1011; display: none; pointer-events: none; background: linear-gradient(160deg, #fff 0%, #e3e6e9 30%, #8d9297 50%, #6d7277 58%, #d9dcdf 74%, #fff 100%); -webkit-mask: url("/shared/dn/logos/marque-loupe.svg") center / contain no-repeat; mask: url("/shared/dn/logos/marque-loupe.svg") center / contain no-repeat; filter: drop-shadow(0 10px 14px #000c); }

.e-doigt { position: absolute; z-index: 9; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, #ffffffe6 0 28%, #ffffff40 50%, transparent 70%); opacity: 0; }
@keyframes e-doigt { 0% { opacity: 0; scale: 1.6; } 22% { opacity: 1; scale: .8; } 55% { opacity: .9; scale: 1; } 100% { opacity: 0; scale: 1.3; } }
.e-prod .e-doigt, .e-piece .e-doigt { left: 40%; }
html.t-anime .e-page.e-2 [data-tap="2"] > .e-doigt { animation: e-doigt calc(.9s * var(--e-t, 1)) var(--dn-pose) calc(.2s * var(--e-t, 1)) both; }
html.t-anime .e-page.e-3 [data-tap="3"] > .e-doigt { animation: e-doigt calc(.9s * var(--e-t, 1)) var(--dn-pose) calc(.2s * var(--e-t, 1)) both; }
html.t-anime .e-page.e-4 [data-tap="4"] > .e-doigt { animation: e-doigt calc(.9s * var(--e-t, 1)) var(--dn-pose) calc(.2s * var(--e-t, 1)) both; }
html.t-anime .e-page [data-tap] { transition: scale calc(.3s * var(--e-t, 1)) var(--e-ressort) calc(.32s * var(--e-t, 1)); }
html.t-anime .e-page.e-2 [data-tap="2"], html.t-anime .e-page.e-3 [data-tap="3"], html.t-anime .e-page.e-4 [data-tap="4"] { animation: e-presse calc(.5s * var(--e-t, 1)) var(--dn-pose) calc(.26s * var(--e-t, 1)); }
@keyframes e-presse { 40% { scale: .94; } }

.e-nav { position: absolute; z-index: 7; left: 12px; right: 12px; bottom: 24px; height: 66px; display: flex; gap: 8px; --lx: 92.5px; }
.e-nav::before { content: ""; position: absolute; z-index: -1; left: -12px; right: -12px; bottom: -24px; height: 150px; background: linear-gradient(0deg, #08090b 32%, transparent); pointer-events: none; }
.e-nav-pilule { flex: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; border-radius: 33px; background: linear-gradient(180deg, #17191df2, #0d0f12f2); border: 1px solid #ffffff1c; box-shadow: inset 0 1px 0 #ffffff12, 0 20px 30px -16px #000; }
.e-onglet { display: grid; justify-items: center; gap: 4px; font: 650 10.5px/1 var(--dn-texte); color: var(--dn-argent-3); transition: color calc(.4s * var(--e-t, 1)) ease; }
.e-onglet svg { width: 21px; height: 21px; }
.e-plus { flex: none; display: flex; align-items: center; justify-content: center; gap: 4px; width: 66px; height: 66px; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #2a2d33, #0b0c0e 70%); border: 1px solid #ffffff1f; box-shadow: inset 0 1px 0 #ffffff1a, 0 16px 26px -12px #000; }
.e-plus i { width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.e-nav-lentille { position: absolute; left: 0; top: 4px; width: 58px; height: 58px; border-radius: 50%; pointer-events: none; transform: translateX(calc(var(--lx) - 29px)); transition: transform calc(.62s * var(--e-t, 1)) cubic-bezier(.25, .9, .3, 1.06);
  background: radial-gradient(circle at 50% 50%, transparent 0 25px, #0000 25px), conic-gradient(from 200deg, #fff, #8d9297, #e8ebee, #5f646a, #fff, #9aa0a7, #fff);
  -webkit-mask: radial-gradient(closest-side, transparent 88%, #000 90%); mask: radial-gradient(closest-side, transparent 88%, #000 90%); filter: drop-shadow(0 4px 8px #000d); }
.e-nav-lentille::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: #ffffff10; }
.e-nav[data-o="0"] .e-onglet:nth-child(1), .e-nav[data-o="1"] .e-onglet:nth-child(2), .e-nav[data-o="2"] .e-onglet:nth-child(3), .e-nav[data-o="3"] .e-onglet:nth-child(4) { color: #fff; }


.e-h .e-defile { padding-top: 6px; }
html.t-anime .e-h:not(.h-2) .e-defile { opacity: 0; }
html.t-anime .e-h .e-charge { display: flex; transition: opacity calc(.5s * var(--e-t, 1)) ease, scale calc(.7s * var(--e-t, 1)) var(--dn-pose), filter calc(.5s * var(--e-t, 1)) ease; }
html.t-anime .e-h.h-2 .e-charge { opacity: 0; scale: 1.18; filter: blur(8px); }
html.t-anime .e-h.h-1 .e-charge-anneau { animation: e-tourne 1.1s linear 2; }
html.t-anime .e-h.h-1 .e-charge-dit { animation: e-lit 1.6s linear 1.5; }
html.t-anime .e-h.h-1 .e-charge-ichor { animation: e-cherche 1.6s ease-in-out 1.5; }
@keyframes e-tourne { to { rotate: 1turn; } }
@keyframes e-lit { to { background-position: -150% 0; } }
@keyframes e-cherche { 0%, 100% { translate: 0 0; rotate: 0deg; } 25% { translate: -10px -6px; rotate: -6deg; } 50% { translate: 0 -10px; rotate: 0deg; } 75% { translate: 10px -6px; rotate: 6deg; } }
html.t-anime .e-h.h-2 .e-titre { animation: dn-reflet calc(1.6s * var(--e-t, 1)) var(--dn-levee) calc(.1s * var(--e-t, 1)) backwards; }
html.t-anime .e-h.h-2 .e-defile > * { animation: e-monte calc(.8s * var(--e-t, 1)) var(--dn-levee) backwards; }
html.t-anime .e-h.h-2 .e-defile > :nth-child(2) { animation-delay: calc(.06s * var(--e-t, 1)); }
html.t-anime .e-h.h-2 .e-defile > :nth-child(3) { animation-delay: calc(.12s * var(--e-t, 1)); }
html.t-anime .e-h.h-2 .e-liste { animation: none; }
html.t-anime .e-h.h-2 .e-liste > li { animation: e-monte calc(.8s * var(--e-t, 1)) var(--dn-levee) backwards; }
html.t-anime .e-h.h-2 .e-liste > li:nth-child(1) { animation-delay: calc(.2s * var(--e-t, 1)); } html.t-anime .e-h.h-2 .e-liste > li:nth-child(2) { animation-delay: calc(.28s * var(--e-t, 1)); }
html.t-anime .e-h.h-2 .e-liste > li:nth-child(3) { animation-delay: calc(.36s * var(--e-t, 1)); } html.t-anime .e-h.h-2 .e-liste > li:nth-child(4) { animation-delay: calc(.44s * var(--e-t, 1)); }
html.t-anime .e-h.h-2 .e-liste > li:nth-child(5) { animation-delay: calc(.52s * var(--e-t, 1)); }
@keyframes e-monte { from { opacity: 0; translate: 0 26px; filter: blur(6px); } }
html.t-anime .e-h:not(.h-3) .e-prod--pepite { border-color: #ffffff14; box-shadow: none; }
html.t-anime .e-h:not(.h-3) .e-prod--pepite .e-prod-prix { color: #fff; background: none; }
html.t-anime .e-h:not(.h-3) .e-or { opacity: 0; scale: .4; }
html.t-anime .e-h .e-or { transition: opacity calc(.3s * var(--e-t, 1)) ease calc(.95s * var(--e-t, 1)), scale calc(.6s * var(--e-t, 1)) var(--e-ressort) calc(.95s * var(--e-t, 1)); }
html.t-anime .e-h .e-prod--pepite { transition: border-color calc(.6s * var(--e-t, 1)) ease calc(.85s * var(--e-t, 1)), box-shadow calc(.8s * var(--e-t, 1)) ease calc(.85s * var(--e-t, 1)); }
html.t-anime .e-h .e-prod--pepite::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: linear-gradient(105deg, transparent 30%, #f7dc98aa 50%, transparent 70%) -120% 0 / 60% 100% no-repeat; }
html.t-anime .e-h.h-3 .e-prod--pepite::after { animation: e-or-passe calc(1.1s * var(--e-t, 1)) var(--dn-glisse) calc(.85s * var(--e-t, 1)) both; }
@keyframes e-or-passe { 0% { opacity: 1; background-position: -120% 0; } 100% { opacity: 1; background-position: 260% 0; } }
html.t-anime .e-h.h-3 .e-lentille { display: block; animation: e-h-loupe calc(1.25s * var(--e-t, 1)) cubic-bezier(.45, .05, .25, 1) both; }
@keyframes e-h-loupe {
  0% { opacity: 0; transform: translate(250px, 420px) rotate(14deg) scale(.7); }
  14% { opacity: 1; transform: translate(240px, 400px) rotate(10deg) scale(1); }
  44% { transform: translate(214px, 248px) rotate(-6deg); }
  70% { transform: translate(230px, 170px) rotate(4deg); }
  86% { opacity: 1; transform: translate(8px, 152px) rotate(-8deg) scale(.86); }
  100% { opacity: 0; transform: translate(-6px, 146px) rotate(-10deg) scale(.7); }
}

.e-tournee { position: relative; margin-top: 18px !important; }
.e-auj-1 { z-index: 2; }
.e-auj-2 { position: absolute !important; z-index: 1; left: 0; right: 0; top: 0; translate: 0 16px; scale: .94; filter: brightness(.86); }
.e-auj-1 .e-carte-corps { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-top: 12px; }
.e-auj-1 .e-carte-corps img { width: 64px; height: 64px; border-radius: 16px; object-fit: cover; box-shadow: 0 0 0 1px #0000001f, 0 8px 16px -8px #0008; }
.e-champ-prix { display: flex; align-items: center; justify-content: space-between; margin-top: 8px !important; height: 50px; padding: 0 16px; border-radius: 14px; background: #0b0c0e; color: #fff; box-shadow: inset 0 2px 6px #000; }
.e-champ-prix b { font: 600 22px/1 var(--dn-titre); letter-spacing: -.03em; }
.e-champ-prix span { font-weight: 700; color: var(--dn-argent-2); }
.e-mini { display: grid; gap: 8px; margin-top: 12px !important; }
.e-mini li { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: #0b0c0e; }
.e-mini img { width: 34px; height: 34px; border-radius: 9px; object-fit: cover; }
.e-mini small { margin-left: auto; font-size: 12px; font-weight: 600; color: #4b5057; }
.e-repere { margin-top: 30px !important; }
.e-vitrine { position: relative; margin-top: 12px; height: 300px; border-radius: 24px; overflow: hidden; background: #ececec; box-shadow: 0 0 0 1px #000, 0 26px 40px -22px #000; }
.e-vitrine img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.e-vitrine-pastille { position: absolute; left: 12px; top: 12px; display: flex; gap: 12px; padding: 9px 12px; border-radius: 14px; background: #0b0c0ee6; color: var(--dn-argent-2); font-size: 12px; }
.e-vitrine-pastille b { color: #fff; font: 600 16px/1 var(--dn-titre); }
.e-vitrine-nom { position: absolute; left: 16px; bottom: 54px; font: 600 24px/1 var(--dn-titre); letter-spacing: -.045em; color: #0b0c0e; }
.e-vitrine-nom small { display: block; margin-bottom: 4px; font: 700 12px/1 var(--dn-texte); letter-spacing: .02em; color: #4b5057; }
.e-vitrine-pied { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 12px 10px 16px; }
.e-vitrine-pied b { font: 600 22px/1 var(--dn-titre); letter-spacing: -.04em; color: #0b0c0e; }
html.t-anime .e-auj .e-auj-1 { transition: transform calc(.8s * var(--e-t, 1)) var(--e-sort) calc(.55s * var(--e-t, 1)), opacity calc(.5s * var(--e-t, 1)) ease calc(.75s * var(--e-t, 1)); }
html.t-anime .e-auj.e-2 .e-auj-1 { transform: translate(130%, -30px) rotate(14deg); opacity: 0; }
html.t-anime .e-auj .e-auj-2 { transition: translate calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(.85s * var(--e-t, 1)), scale calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(.85s * var(--e-t, 1)), filter calc(.6s * var(--e-t, 1)) ease calc(.85s * var(--e-t, 1)); }
html.t-anime .e-auj.e-2 .e-auj-2 { translate: 0 0; scale: 1; filter: none; }
html.t-anime .e-auj.e-3 { --d: 330; }
html.t-anime .e-auj.e-3 .e-vitrine { animation: e-brille calc(1.4s * var(--e-t, 1)) var(--dn-glisse) calc(.7s * var(--e-t, 1)) both; }
html.t-anime .e-auj:not(.e-4) .e-coeur::after { scale: 0; }
html.t-anime .e-auj.e-4 .e-coeur::after { scale: 1; transition-delay: calc(.45s * var(--e-t, 1)); }
@keyframes e-brille { 0% { box-shadow: 0 0 0 1px #000, 0 0 0 0 #ffffff00; } 40% { box-shadow: 0 0 0 1px #fff, 0 0 40px 2px #ffffff40; } 100% { box-shadow: 0 0 0 1px #000, 0 26px 40px -22px #000; } }

.e-filtres { display: grid; margin-top: 14px !important; }
.e-filtres-r { grid-area: 1 / 1; display: flex; flex-wrap: wrap; gap: 8px; }
.e-filtres-r--avant { display: none; }
.e-filtres-r--avant .e-puce::after { content: "⌄"; margin-top: -5px; color: var(--dn-argent-3); }
.e-filtres-r--apres .e-puce { color: #fff; border-color: #ffffff5c; background: linear-gradient(180deg, #ffffff24, #ffffff0a); }
.e-filtres-r--apres .e-puce i { width: 10px; height: 10px; background: linear-gradient(45deg, transparent 44%, currentColor 44% 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, currentColor 44% 56%, transparent 56%); opacity: .7; }
.e-tri { display: grid; margin-top: 12px !important; font-size: 13px; color: var(--dn-argent-3); }
.e-tri > span { grid-area: 1 / 1; }
.e-tri b { color: #fff; border-bottom: 1px solid #ffffff4d; }
.e-tri-apres b::before { content: "✦ "; color: var(--dn-argent-2); }
.e-tri-avant { opacity: 0; }
.e-rangs { position: relative; height: calc(6 * 78px); margin-top: 12px !important; }
.e-rangs > .e-prod { position: absolute; left: 0; right: 0; top: calc(var(--r1) * 78px); }
.e-rangs > .e-prod[style*="--r1: -1"] { display: none; }
.e-fiche-ouverte { display: none; }
html.t-anime .e-opp .e-filtres-r--avant { display: flex; transition: opacity calc(.35s * var(--e-t, 1)) ease calc(.1s * var(--e-t, 1)); }
html.t-anime .e-opp.e-2 .e-filtres-r--avant { opacity: 0; }
html.t-anime .e-opp .e-filtres-r--apres .e-puce { transition: opacity calc(.4s * var(--e-t, 1)) ease calc((.25s + var(--i, 0) * .14s) * var(--e-t, 1)), scale calc(.6s * var(--e-t, 1)) var(--e-ressort) calc((.25s + var(--i, 0) * .14s) * var(--e-t, 1)); }
html.t-anime .e-opp:not(.e-2) .e-filtres-r--apres .e-puce { opacity: 0; scale: .6; }
html.t-anime .e-opp .e-tri > span { transition: opacity calc(.4s * var(--e-t, 1)) ease calc(.8s * var(--e-t, 1)); }
html.t-anime .e-opp:not(.e-2) .e-tri-avant { opacity: 1; }
html.t-anime .e-opp:not(.e-2) .e-tri-apres, html.t-anime .e-opp.e-2 .e-tri-avant { opacity: 0; }
html.t-anime .e-opp .e-rangs > .e-prod { display: grid; top: calc(var(--r0) * 78px); transition: top calc(.9s * var(--e-t, 1)) var(--e-ressort) calc(.75s * var(--e-t, 1)), opacity calc(.45s * var(--e-t, 1)) ease calc(.55s * var(--e-t, 1)), scale calc(.5s * var(--e-t, 1)) ease calc(.55s * var(--e-t, 1)); }
html.t-anime .e-opp.e-2 .e-rangs > .e-prod { top: calc(max(var(--r1), 0) * 78px); }
html.t-anime .e-opp.e-2 .e-rangs > .e-prod[style*="--r1: -1"] { opacity: 0; scale: .9; }
html.t-anime .e-opp .e-fiche-ouverte { display: flex; }
.e-fiche-ouverte { position: absolute; z-index: 4; left: 14px; right: 14px; top: 8px; bottom: 112px; flex-direction: column; gap: 12px; padding: 14px; border-radius: 26px; background: linear-gradient(180deg, #1a1c20, #0c0d10); border: 1px solid #ffffff26; box-shadow: 0 40px 70px -20px #000, inset 0 1px 0 #ffffff1a; }
.e-fiche-ouverte img { width: 100%; height: 300px; border-radius: 18px; object-fit: cover; background: #ececec; }
.e-stats { display: flex; gap: 8px; }
.e-stats span { flex: 1; display: grid; gap: 6px; padding: 10px; border-radius: 14px; background: #ffffff0a; border: 1px solid #ffffff12; }
.e-stats small { font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--dn-argent-3); }
.e-stats b { font: 600 20px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.e-fiche-nom { font: 600 26px/1 var(--dn-titre); letter-spacing: -.05em; color: #fff; }
.e-fiche-nom small { display: block; margin-bottom: 6px; font: 700 12px/1 var(--dn-texte); color: var(--dn-argent-3); }
.e-fiche-prix { display: flex; align-items: baseline; gap: 10px; }
.e-fiche-prix b { font: 600 28px/1 var(--dn-titre); letter-spacing: -.05em; color: transparent; background: var(--dn-or-reflet); -webkit-background-clip: text; background-clip: text; }
.e-fiche-prix span { font-size: 13px; color: var(--dn-argent-3); }
.e-fiche-ouverte .e-btn { margin-top: auto; }
html.t-anime .e-opp .e-fiche-ouverte { clip-path: inset(360px 0 calc(100% - 360px - 70px) 0 round 18px); opacity: 0; transition: clip-path calc(.85s * var(--e-t, 1)) var(--dn-levee) calc(.5s * var(--e-t, 1)), opacity calc(.3s * var(--e-t, 1)) ease calc(.5s * var(--e-t, 1)); }
html.t-anime .e-opp.e-3 .e-fiche-ouverte { clip-path: inset(0 0 0 0 round 26px); opacity: 1; }
html.t-anime .e-opp .e-fiche-ouverte > * { transition: opacity calc(.5s * var(--e-t, 1)) ease calc(.9s * var(--e-t, 1)), translate calc(.7s * var(--e-t, 1)) var(--dn-levee) calc(.9s * var(--e-t, 1)); }
html.t-anime .e-opp:not(.e-3) .e-fiche-ouverte > * { opacity: 0; translate: 0 16px; }

.e-ver .e-titre { font-size: 48px; }
.e-guichet { display: grid; gap: 10px; margin-top: 18px !important; padding: 10px; border-radius: 24px; background: linear-gradient(180deg, #1a1c20, #0e1013); border: 1px solid #ffffff21; box-shadow: inset 0 1px 0 #ffffff14, 0 0 0 6px #ffffff06, 0 30px 50px -26px #000; }
.e-saisie { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 12px; border-radius: 16px; background: #08090b; color: #fff; font-size: 14px; box-shadow: inset 0 2px 6px #000; }
.e-saisie svg { width: 18px; height: 18px; flex: none; color: var(--dn-argent-2); }
.e-saisie-texte { min-width: 0; overflow: hidden; white-space: nowrap; }
.e-saisie-texte > span { display: inline-block; overflow: hidden; vertical-align: bottom; }
.e-verdict { position: relative; margin-top: 22px !important; text-align: center; }
.e-verdict-sceau { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: linear-gradient(180deg, #ffffff26, #ffffff0a); border: 1px solid #ffffff59; color: #fff; font: 800 12px/1 var(--dn-texte); letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 0 30px -6px #ffffff40; }
.e-verdict-sceau::before { content: ""; width: 13px; height: 7px; border-left: 2.2px solid currentColor; border-bottom: 2.2px solid currentColor; rotate: -45deg; translate: 0 -2px; }
.e-verdict-prix { display: grid; justify-items: center; gap: 6px; margin-top: 14px !important; }
.e-verdict-prix > b { font: 600 66px/1 var(--dn-titre); letter-spacing: -.06em; color: transparent; background-image: var(--dn-chrome-reflet), var(--dn-chrome-chiffre); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 14px 26px #000); }
.e-verdict-prix > span { font-size: 14px; color: var(--dn-argent-3); }
.e-verdict-prix > span b { color: #fff; }
.e-verdict-ecart { position: absolute; right: 8px; top: 64px; padding: 8px 10px; border-radius: 12px; background: #fff; color: #0b0c0e; font: 600 17px/1 var(--dn-titre); letter-spacing: -.03em; rotate: 6deg; box-shadow: 0 12px 20px -8px #000; }
.e-histo { position: relative; display: flex; align-items: flex-end; gap: 4px; height: 92px; margin: 22px 6px 0; padding-bottom: 22px; border-bottom: 1px solid #ffffff1f; }
.e-histo i { flex: 1; height: calc(var(--h) * 70px); border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg, #8d939a, #3a3f45); transform-origin: 50% 100%; }
.e-histo i.is-toi { background: linear-gradient(180deg, #fff, #c9ced3); box-shadow: 0 0 16px #ffffff66; }
.e-histo-toi, .e-histo-med { position: absolute; bottom: -2px; font-size: 11.5px; font-weight: 700; color: #fff; }
.e-histo-toi { left: 18%; } .e-histo-med { left: 44%; color: var(--dn-argent-3); }
.e-verdict-base { margin-top: 12px !important; font-size: 13px; color: var(--dn-argent-3); }
.e-verdict-base b { color: #fff; }
.e-verdict .e-carte-actions { justify-content: center; }
html.t-anime .e-ver .e-saisie-texte > span { max-width: 0; }
html.t-anime .e-ver.e-2 .e-saisie-texte > span { max-width: 100%; transition: max-width calc(1.05s * var(--e-t, 1)) steps(34, end) calc(.1s * var(--e-t, 1)); }
html.t-anime .e-ver .e-charge--ver { display: flex; top: 0; opacity: 0; transition: opacity calc(.45s * var(--e-t, 1)) ease; }
html.t-anime .e-ver.e-3 .e-charge--ver { animation: e-charge-ver calc(2.2s * var(--e-t, 1)) ease both; }
@keyframes e-charge-ver { 0% { opacity: 0; } 12% { opacity: 1; } 78% { opacity: 1; scale: 1; filter: none; } 100% { opacity: 0; scale: 1.15; filter: blur(8px); } }
html.t-anime .e-ver.e-3 .e-charge-anneau { animation: e-tourne 1s linear 2; }
html.t-anime .e-ver.e-3 .e-charge-ichor { animation: e-cherche 1.4s ease-in-out 1.5; }
html.t-anime .e-ver.e-3 .e-charge-dit { animation: e-lit 1.4s linear 1.5; }
.e-charge--ver { background: radial-gradient(70% 50% at 50% 42%, #08090bf2, #08090bd9 70%, #08090b99); }
html.t-anime .e-ver .e-defile > :is(.e-sur, .e-titre, .e-guichet) { transition: opacity calc(.5s * var(--e-t, 1)) ease, translate calc(.7s * var(--e-t, 1)) var(--dn-levee); }
html.t-anime .e-ver.e-3 .e-defile > :is(.e-sur, .e-titre) { opacity: 0; translate: 0 -30px; transition-delay: calc(1.75s * var(--e-t, 1)); }
html.t-anime .e-ver .e-guichet { transition: translate calc(.9s * var(--e-t, 1)) var(--dn-levee) calc(1.75s * var(--e-t, 1)), opacity calc(.5s * var(--e-t, 1)) ease calc(1.75s * var(--e-t, 1)); }
html.t-anime .e-ver.e-3 .e-guichet { translate: 0 -112px; opacity: .55; }
html.t-anime .e-ver .e-verdict { transition: translate calc(.9s * var(--e-t, 1)) var(--dn-levee) calc(1.8s * var(--e-t, 1)); }
html.t-anime .e-ver.e-3 .e-verdict { translate: 0 -112px; }
html.t-anime .e-ver:not(.e-3) .e-verdict { visibility: hidden; }
html.t-anime .e-ver.e-3 .e-verdict-sceau { animation: e-sceau calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(1.9s * var(--e-t, 1)) backwards; }
@keyframes e-sceau { from { opacity: 0; scale: .3; } }
html.t-anime .e-ver.e-3 .e-verdict-prix { animation: e-monte calc(.9s * var(--e-t, 1)) var(--dn-levee) calc(2.05s * var(--e-t, 1)) backwards; }
html.t-anime .e-ver.e-3 .e-verdict-prix > b { animation: dn-reflet calc(1.6s * var(--e-t, 1)) var(--dn-levee) calc(2.1s * var(--e-t, 1)) backwards; }
html.t-anime .e-ver.e-3 .e-verdict-ecart { animation: e-colle calc(.7s * var(--e-t, 1)) var(--e-ressort) calc(2.5s * var(--e-t, 1)) backwards; }
@keyframes e-colle { from { opacity: 0; scale: 1.6; rotate: -8deg; } }
html.t-anime .e-ver.e-3 .e-histo i { animation: e-barre calc(.7s * var(--e-t, 1)) var(--e-ressort) backwards; animation-delay: calc((2.3s + var(--n, 0) * 40ms) * var(--e-t, 1)); }
@keyframes e-barre { from { transform: scaleY(0); } }
html.t-anime .e-ver.e-3 :is(.e-histo-toi, .e-histo-med, .e-verdict-base) { animation: e-monte calc(.6s * var(--e-t, 1)) var(--dn-levee) calc(2.9s * var(--e-t, 1)) backwards; }
html.t-anime .e-ver .e-verdict .e-carte-actions { transition: opacity calc(.5s * var(--e-t, 1)) ease calc(.3s * var(--e-t, 1)), translate calc(.7s * var(--e-t, 1)) var(--dn-levee) calc(.3s * var(--e-t, 1)); }
html.t-anime .e-ver:not(.e-4) .e-verdict .e-carte-actions { opacity: 0; translate: 0 18px; }
html.t-anime .e-ver.e-4 { --d: 40; }

.e-retour { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px !important; font-size: 13px; font-weight: 700; color: var(--dn-argent-2); }
.e-retour svg { width: 16px; height: 16px; }
.e-fic-photo { position: relative; margin-top: 14px !important; height: 206px; border-radius: 20px; overflow: hidden; box-shadow: 0 0 0 1px #000, 0 20px 30px -18px #000; }
.e-fic-photo img { width: 100%; height: 100%; object-fit: cover; }
.e-fic-delai { position: absolute; right: 10px; bottom: 10px; padding: 7px 10px; border-radius: 999px; background: #0b0c0ee6; color: #fff; font-size: 12.5px; font-weight: 700; }
.e-regle { margin-top: 12px !important; }
.e-direct { display: inline-flex; align-items: center; gap: 6px; letter-spacing: .08em; color: var(--dn-argent-2); }
.e-direct i { width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px #fff; }
.e-vitesses { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 14px !important; }
.e-vitesses li { display: grid; gap: 3px; padding: 10px 10px 11px; border-radius: 14px; background: #ffffff08; border: 1px solid #ffffff14; }
.e-vitesses small { font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--dn-argent-3); }
.e-vitesses span { font-size: 12.5px; font-weight: 650; color: var(--dn-argent-2); }
.e-vitesses b { margin-top: 3px; font: 600 21px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.e-vitesses .is-choisi { border-color: #ffffff6b; background: linear-gradient(180deg, #ffffff1f, #ffffff08); box-shadow: inset 0 1px 0 #ffffff2e, 0 0 26px -8px #ffffff59; }
.e-vitesses .is-choisi small { color: #fff; }
.e-regle-piste { position: relative; height: 12px; margin: 18px 4px 0; border-radius: 999px; background: linear-gradient(90deg, #2a2d32, #16181c); box-shadow: inset 0 1px 3px #000; }
.e-regle-zone { position: absolute; left: 0; top: 0; bottom: 0; width: 46%; border-radius: inherit; background: linear-gradient(90deg, #8d939a, #f4f6f8); transform-origin: 0 50%; }
.e-regle-aiguille { position: absolute; top: -9px; left: 74%; width: 4px; height: 30px; margin-left: -2px; border-radius: 3px; background: #fff; box-shadow: 0 0 12px #ffffffaa; }
.e-regle-bornes { display: flex; justify-content: space-between; margin-top: 14px !important; font-size: 13px; color: var(--dn-argent-3); }
.e-regle-bornes b { color: #fff; font-family: var(--dn-titre); font-weight: 600; letter-spacing: -.03em; }
.e-regle-marge { display: flex; align-items: baseline; justify-content: space-between; margin-top: 14px !important; padding-top: 12px; border-top: 1px solid #ffffff14; }
.e-regle-marge small { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--dn-argent-3); }
.e-regle-marge b { font: 600 34px/1 var(--dn-titre); letter-spacing: -.05em; color: transparent; background-image: var(--dn-chrome-reflet), var(--dn-chrome-chiffre); -webkit-background-clip: text; background-clip: text; }
.e-tailles { margin-top: 12px !important; }
.e-tailles ul { display: grid; gap: 10px; margin-top: 14px !important; }
.e-tailles li { display: grid; grid-template-columns: 30px 1fr 44px; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: var(--dn-argent-2); }
.e-tailles li i { height: 10px; border-radius: 999px; background: linear-gradient(90deg, #5b6169, #9aa0a7); transform: scaleX(var(--v)); transform-origin: 0 50%; }
.e-tailles li.is-haut { color: #fff; }
.e-tailles li.is-haut i { background: linear-gradient(90deg, #c9ced3, #fff); box-shadow: 0 0 12px #ffffff40; }
.e-tailles li small { text-align: right; color: var(--dn-argent-3); }
.e-courbe30 { margin-top: 12px !important; }
.e-courbe30 .e-carte-sur b { font: 600 16px/1 var(--dn-titre); color: #fff; letter-spacing: -.03em; }
.e-courbe30 svg { display: block; width: 100%; height: 90px; margin-top: 10px; overflow: visible; }
.e-trace { fill: none; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1 1; stroke-dashoffset: 0; filter: drop-shadow(0 0 6px #ffffff66); vector-effect: non-scaling-stroke; }
html.t-anime .e-fic .e-regle-zone { transition: transform calc(1s * var(--e-t, 1)) var(--dn-levee) calc(.3s * var(--e-t, 1)); }
html.t-anime .e-fic:not(.e-2) .e-regle-zone { transform: scaleX(0); }
html.t-anime .e-fic .e-regle-aiguille { transition: left calc(1.2s * var(--e-t, 1)) var(--e-ressort) calc(.6s * var(--e-t, 1)); }
html.t-anime .e-fic:not(.e-2) .e-regle-aiguille { left: 2%; }
html.t-anime .e-fic .e-regle-marge b { transition: opacity calc(.5s * var(--e-t, 1)) ease calc(1.4s * var(--e-t, 1)), scale calc(.7s * var(--e-t, 1)) var(--e-ressort) calc(1.4s * var(--e-t, 1)); }
html.t-anime .e-fic:not(.e-2) .e-regle-marge b { opacity: 0; scale: .6; }
html.t-anime .e-fic.is-la .e-direct i { animation: e-pouls 1.8s ease-in-out infinite; }
html.t-anime .e-fic .e-vitesses li { transition: opacity calc(.45s * var(--e-t, 1)) ease, translate calc(.7s * var(--e-t, 1)) var(--e-ressort), border-color calc(.5s * var(--e-t, 1)) ease, box-shadow calc(.7s * var(--e-t, 1)) ease; }
html.t-anime .e-fic .e-vitesses li:nth-child(2) { transition-delay: calc(.12s * var(--e-t, 1)); } html.t-anime .e-fic .e-vitesses li:nth-child(3) { transition-delay: calc(.24s * var(--e-t, 1)); }
html.t-anime .e-fic:not(.e-2) .e-vitesses li { opacity: .28; translate: 0 6px; }
html.t-anime .e-fic:not(.e-2) .e-vitesses .is-choisi { border-color: #ffffff14; box-shadow: none; }
html.t-anime .e-fic.e-2 .e-vitesses .is-choisi { transition-delay: calc(.12s * var(--e-t, 1)), calc(.12s * var(--e-t, 1)), calc(.9s * var(--e-t, 1)), calc(.9s * var(--e-t, 1)); }
@keyframes e-pouls { 50% { opacity: .35; scale: .7; } }
html.t-anime .e-fic.e-3 { --d: 368; }
html.t-anime .e-fic .e-tailles li i { transition: transform calc(1s * var(--e-t, 1)) var(--e-ressort) calc((.7s + var(--n, 0) * 90ms) * var(--e-t, 1)); }
html.t-anime .e-fic:not(.e-3) .e-tailles li i { transform: scaleX(0); }
html.t-anime .e-fic.e-4 { --d: 548; }
html.t-anime .e-fic .e-courbe30 .e-trace { transition: stroke-dashoffset calc(1.6s * var(--e-t, 1)) var(--dn-glisse) calc(.6s * var(--e-t, 1)); }
html.t-anime .e-fic:not(.e-4) .e-courbe30 .e-trace { stroke-dashoffset: 1; }

.e-mar-median { display: flex; align-items: center; gap: 12px; margin-top: 8px !important; }
.e-mar-median b { font: 600 68px/1 var(--dn-titre); letter-spacing: -.06em; color: transparent; background-image: var(--dn-chrome-reflet), var(--dn-chrome-chiffre); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 12px 24px #000); }
.e-mar .e-ligne .e-select:first-child { margin-left: 0; }
.e-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px !important; }
.e-kpis p { display: grid; gap: 5px; padding: 10px; border-radius: 14px; background: #ffffff08; border: 1px solid #ffffff14; }
.e-kpis small { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--dn-argent-3); white-space: nowrap; }
.e-kpis b { font: 600 20px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.e-kpis i { justify-self: start; font-style: normal; padding: 2px 7px; border-radius: 999px; background: #ffffff12; border: 1px solid #ffffff26; font-size: 11px; font-weight: 700; color: #fff; }
.e-mar-courbe { position: relative; height: 104px; margin-top: 14px !important; }
.e-mar-courbe svg { width: 100%; height: 100%; overflow: visible; }
.e-mar-courbe .e-point { position: absolute; left: calc(316 / 340 * 100%); top: calc(70 / 120 * 100%); width: 16px; height: 16px; margin: -8px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #9aa0a7 60%, #3a3f45); box-shadow: 0 0 0 4px #ffffff1c, 0 0 18px #ffffff80; }
.e-onglets { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 22px !important; padding: 5px; border-radius: 999px; background: #ffffff08; border: 1px solid #ffffff17; }
.e-onglets > span:not(.e-onglets-curseur) { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 6px; height: 38px; font-size: 12.5px; font-weight: 700; color: var(--dn-argent-2); white-space: nowrap; }
.e-onglets i { font-style: normal; display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #ffffff14; font-size: 11px; }
.e-onglets-curseur { position: absolute; left: 5px; top: 5px; bottom: 5px; width: calc((100% - 10px) / 3); border-radius: 999px; background: linear-gradient(180deg, #ffffff24, #ffffff0d); border: 1px solid #ffffff4d; transition: translate calc(.7s * var(--e-t, 1)) var(--e-ressort) calc(.5s * var(--e-t, 1)); }
.e-marques { display: grid; margin-top: 12px !important; }
.e-marques li { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 12px; padding: 12px 2px; border-bottom: 1px solid #ffffff12; }
.e-logo, .e-marques img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.e-logo { display: grid; place-items: center; font: 600 17px/1 var(--dn-titre); color: #0b0c0e; background: radial-gradient(circle at 35% 30%, #fff, #b9bec4 60%, #6d7277); }
.e-marque-nom { font-size: 16px; font-weight: 700; color: #fff; }
.e-marque-nom small { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--dn-argent-3); }
.e-marque-prix { display: grid; justify-items: end; gap: 5px; }
.e-marque-prix b { font: 600 20px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.e-marque-prix i { font-style: normal; padding: 3px 8px; border-radius: 999px; background: #ffffff12; border: 1px solid #ffffff26; font-size: 11.5px; font-weight: 700; color: #fff; }
.e-marques--vite { display: none; }
html.t-anime .e-mar .e-mar-courbe .e-trace { transition: stroke-dashoffset calc(1.7s * var(--e-t, 1)) var(--dn-glisse) calc(.3s * var(--e-t, 1)); }
html.t-anime .e-mar:not(.e-2) .e-mar-courbe .e-trace { stroke-dashoffset: 1; }
html.t-anime .e-mar .e-point { transition: opacity calc(.3s * var(--e-t, 1)) ease calc(1.8s * var(--e-t, 1)), scale calc(.6s * var(--e-t, 1)) var(--e-ressort) calc(1.8s * var(--e-t, 1)); }
html.t-anime .e-mar:not(.e-2) .e-point { opacity: 0; scale: .2; }
html.t-anime .e-mar.e-2 .e-mar-median b { animation: dn-reflet calc(1.6s * var(--e-t, 1)) var(--dn-levee) calc(.2s * var(--e-t, 1)) backwards; }
html.t-anime .e-mar .e-kpis p { transition: opacity calc(.45s * var(--e-t, 1)) ease, translate calc(.7s * var(--e-t, 1)) var(--e-ressort); transition-delay: calc(.9s * var(--e-t, 1)); }
html.t-anime .e-mar .e-kpis p:nth-child(2) { transition-delay: calc(1.02s * var(--e-t, 1)); } html.t-anime .e-mar .e-kpis p:nth-child(3) { transition-delay: calc(1.14s * var(--e-t, 1)); }
html.t-anime .e-mar:not(.e-2) .e-kpis p { opacity: 0; translate: 0 14px; transition-delay: 0s; }
html.t-anime .e-mar.e-3 { --d: 356; }
html.t-anime .e-mar .e-marques--monte li { transition: opacity calc(.5s * var(--e-t, 1)) ease, translate calc(.7s * var(--e-t, 1)) var(--dn-levee); transition-delay: calc((.8s + var(--n, 0) * 90ms) * var(--e-t, 1)); }
html.t-anime .e-mar:not(.e-3) .e-marques--monte li { opacity: 0; translate: 0 22px; }
html.t-anime .e-mar .e-marques--vite { display: grid; position: absolute; left: 20px; right: 20px; margin-top: 0 !important; translate: 0 -100%; }
html.t-anime .e-mar .e-marques--vite li { transition: opacity calc(.5s * var(--e-t, 1)) ease, translate calc(.7s * var(--e-t, 1)) var(--dn-levee); transition-delay: calc((.9s + var(--n, 0) * 90ms) * var(--e-t, 1)); }
html.t-anime .e-mar:not(.e-4) .e-marques--vite li { opacity: 0; translate: 0 22px; transition-delay: 0s; }
html.t-anime .e-mar.e-4 .e-marques--monte li { opacity: 0; translate: 0 -14px; transition-delay: calc(.5s * var(--e-t, 1)); }
html.t-anime .e-mar.e-4 .e-onglets-curseur { translate: 200% 0; }
html.t-anime .e-mar .e-marques--monte { position: relative; }
.e-mar .e-defile { --mv: 0; }

.e-compo { display: grid; gap: 10px; margin-top: 16px !important; }
.e-compo-l { font-size: 14px; color: var(--dn-argent-2); }
.e-champ { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 0 14px; border-radius: 999px; background: #0b0c0e; border: 1px solid #ffffff1f; color: #fff; font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; }
.e-champ i { width: 8px; height: 8px; flex: none; border-right: 1.6px solid var(--dn-argent-3); border-bottom: 1.6px solid var(--dn-argent-3); rotate: 45deg; translate: 0 -2px; }
.e-champ--prod { flex: 1; min-width: 0; justify-content: flex-start; }
.e-champ--prod img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.e-champ--prod i { margin-left: auto; }
.e-compo-de { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--dn-argent-2); }
.e-compo-de > .e-champ:first-child { flex: 1; }
.e-champ--pct { width: 118px; flex: none; }
.e-roule { display: grid; height: 24px; overflow: hidden; font: 600 22px/24px var(--dn-titre); letter-spacing: -.04em; }
.e-roule b { font-weight: 600; transform: translateY(-100%); }
.e-compo-filtres { display: flex; flex-wrap: wrap; gap: 6px; }
.e-compo .e-btn { margin-top: 4px; }
.e-alerte--2 { margin-top: 8px !important; }
.e-alerte-pepite { position: relative; display: block; width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1px solid var(--dn-or-lumiere); box-shadow: 0 0 18px -4px var(--dn-or-lueur), inset 0 0 12px -4px var(--dn-or-lueur); }
.e-alerte-pepite::after { content: ""; position: absolute; inset: 11px; border-radius: 42% 58% 52% 48%; background: radial-gradient(circle at 35% 30%, #fff3cf, var(--dn-or-vif) 40%, var(--dn-or-profond)); }
.e-alerte { display: flex; align-items: center; gap: 12px; margin-top: 10px !important; padding: 14px 16px; }
.e-alerte-cloche { display: block; width: 40px; height: 40px; flex: none; transform-origin: 50% 10%; }
.e-alerte p { flex: 1; font-size: 15px; color: #fff; }
.e-alerte b { font-weight: 700; }
.e-alerte small { display: block; margin-top: 3px; font-size: 12.5px; color: var(--dn-argent-3); }
.e-interrupteur { position: relative; width: 46px; height: 28px; border-radius: 999px; background: var(--dn-acier-brosse); box-shadow: var(--dn-acier-ombre); }
.e-interrupteur::after { content: ""; position: absolute; right: 3px; top: 3px; width: 22px; height: 22px; border-radius: 50%; background: #0b0c0e; }
.e-banniere { position: absolute; z-index: 8; left: 10px; right: 10px; top: -120px; display: none; align-items: center; gap: 12px; padding: 14px; border-radius: 24px; background: #1d2024f2; border: 1px solid #ffffff26; box-shadow: 0 30px 50px -16px #000, inset 0 1px 0 #ffffff1f; }
.e-banniere-ic { width: 40px; height: 40px; flex: none; border-radius: 11px; background: linear-gradient(160deg, #fff 0%, #e3e6e9 30%, #8d9297 50%, #6d7277 58%, #d9dcdf 74%, #fff 100%); -webkit-mask: url("/shared/dn/logos/favicon-loupe.svg") center / contain no-repeat; mask: url("/shared/dn/logos/favicon-loupe.svg") center / contain no-repeat; }
.e-banniere p { display: grid; gap: 2px; font-size: 13px; color: var(--dn-argent-2); }
.e-banniere small { font-size: 11px; font-weight: 700; color: var(--dn-argent-3); }
.e-banniere b { font-size: 14.5px; color: #fff; }
html.t-anime .e-ale .e-roule b { transition: transform calc(.7s * var(--e-t, 1)) var(--e-ressort) calc(.3s * var(--e-t, 1)); }
html.t-anime .e-ale:not(.e-2) .e-roule b { transform: translateY(0); }
html.t-anime .e-ale .e-alerte { transition: opacity calc(.5s * var(--e-t, 1)) ease calc(.4s * var(--e-t, 1)), translate calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(.4s * var(--e-t, 1)); }
html.t-anime .e-ale:not(.e-3) .e-alerte { opacity: 0; translate: 0 26px; }
html.t-anime .e-ale.e-3 .e-alerte--2 { transition-delay: calc(.6s * var(--e-t, 1)); }
html.t-anime .e-ale.e-3 .e-alerte-cloche { animation: e-sonne calc(1.2s * var(--e-t, 1)) ease calc(.8s * var(--e-t, 1)); }
@keyframes e-sonne { 0%, 100% { rotate: 0deg; } 15% { rotate: 18deg; } 30% { rotate: -14deg; } 45% { rotate: 10deg; } 60% { rotate: -6deg; } 75% { rotate: 3deg; } }
html.t-anime .e-ale .e-banniere { display: flex; transition: top calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(.3s * var(--e-t, 1)); }
html.t-anime .e-ale.e-4 .e-banniere { top: 8px; }
html.t-anime .e-ale.e-4 .e-defile { animation: e-vibre calc(.5s * var(--e-t, 1)) linear calc(.45s * var(--e-t, 1)); }
@keyframes e-vibre { 0%, 100% { translate: 0 0; } 20% { translate: -3px 0; } 40% { translate: 3px 0; } 60% { translate: -2px 0; } 80% { translate: 2px 0; } }

.e-cop-tete { display: flex; justify-content: space-between; gap: 8px; }
.e-cop-tete .e-puce { min-height: 32px; font-size: 12px; }
.e-cop .e-titre { margin-top: 14px !important; }
.e-bulle-moi { display: flex; justify-content: flex-end; margin-top: 18px !important; }
.e-bulle-moi span { max-width: 82%; padding: 14px 16px; border-radius: 22px 22px 6px 22px; background: var(--dn-acier-brosse); color: var(--dn-charbon); font-size: 15px; font-weight: 700; line-height: 1.35; box-shadow: var(--dn-acier-ombre), 0 14px 24px -14px #000; }
.e-pense { display: none; align-items: center; gap: 10px; margin-top: 16px !important; font-size: 13.5px; color: var(--dn-argent-2); }
.e-pense-ichor { display: block; width: 44px; height: 44px; }
.e-pense i { width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.e-plan { margin-top: 16px !important; }
.e-plan ol { display: grid; gap: 4px; margin-top: 12px !important; counter-reset: p; }
.e-plan li { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #ffffff12; }
.e-plan li img, .e-plan-ic { width: 42px; height: 42px; border-radius: 12px; object-fit: cover; }
.e-plan-ic { display: grid; place-items: center; background: #ffffff0f; border: 1px solid #ffffff1f; font: 600 18px/1 var(--dn-titre); color: #fff; }
.e-plan li > span { display: grid; gap: 3px; font-size: 14px; color: #fff; }
.e-plan li small { font-size: 12px; color: var(--dn-argent-3); }
.e-plan-n { font: 600 17px/1 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.e-plan-base { margin-top: 12px !important; font-size: 12px; color: var(--dn-argent-3); }
.e-plan-action { margin-top: 14px !important; }
.e-plan-action .e-btn { width: 100%; }
.e-plan-apres { display: none; }
html.t-anime .e-cop .e-plan-avant, html.t-anime .e-cop .e-plan-apres { display: inline; transition: opacity calc(.3s * var(--e-t, 1)) ease calc(.7s * var(--e-t, 1)), translate calc(.5s * var(--e-t, 1)) var(--e-ressort) calc(.7s * var(--e-t, 1)); }
html.t-anime .e-cop .e-plan-apres { position: absolute; }
html.t-anime .e-cop:not(.e-4) .e-plan-apres { opacity: 0; translate: 0 14px; }
html.t-anime .e-cop.e-4 .e-plan-avant { opacity: 0; translate: 0 -14px; }
html.t-anime .e-cop .e-bulle-moi span { transition: opacity calc(.4s * var(--e-t, 1)) ease calc(.2s * var(--e-t, 1)), scale calc(.7s * var(--e-t, 1)) var(--e-ressort) calc(.2s * var(--e-t, 1)), translate calc(.7s * var(--e-t, 1)) var(--e-ressort) calc(.2s * var(--e-t, 1)); transform-origin: 100% 100%; }
html.t-anime .e-cop:not(.e-2) .e-bulle-moi span { opacity: 0; scale: .5; translate: 0 30px; }
html.t-anime .e-cop .e-pense { display: flex; height: 0; opacity: 0; overflow: hidden; }
html.t-anime .e-cop.e-3 .e-pense { animation: e-pense calc(1.7s * var(--e-t, 1)) ease both; }
@keyframes e-pense { 0% { height: 0; opacity: 0; } 12%, 80% { height: 44px; opacity: 1; } 100% { height: 0; opacity: 0; } }
html.t-anime .e-cop.e-3 .e-pense i { animation: e-point .9s ease-in-out 2; }
html.t-anime .e-cop.e-3 .e-pense i:nth-of-type(2) { animation-delay: .15s; } html.t-anime .e-cop.e-3 .e-pense i:nth-of-type(3) { animation-delay: .3s; }
@keyframes e-point { 0%, 100% { opacity: .3; translate: 0 0; } 50% { opacity: 1; translate: 0 -4px; } }
html.t-anime .e-cop .e-plan { transition: opacity calc(.6s * var(--e-t, 1)) ease calc(1.5s * var(--e-t, 1)), translate calc(.9s * var(--e-t, 1)) var(--dn-levee) calc(1.5s * var(--e-t, 1)); }
html.t-anime .e-cop:not(.e-3) .e-plan { opacity: 0; translate: 0 30px; }
html.t-anime .e-cop.e-3 .e-plan li { animation: e-monte calc(.7s * var(--e-t, 1)) var(--dn-levee) backwards; animation-delay: calc((1.7s + var(--n, 0) * 140ms) * var(--e-t, 1)); }
html.t-anime .e-cop.e-3 .e-plan-n { animation: e-colle calc(.6s * var(--e-t, 1)) var(--e-ressort) backwards; animation-delay: calc((1.9s + var(--n, 0) * 140ms) * var(--e-t, 1)); }
html.t-anime .e-cop.e-4 { --d: 150; }

.e-conseil { display: flex; align-items: center; gap: 10px; margin-top: 10px !important; padding: 7px 7px 7px 12px; border-radius: 16px; background: #ffffff0a; border: 1px solid #ffffff21; font-size: 13.5px; color: var(--dn-argent-2); }
.e-conseil b { color: #fff; font-weight: 700; }
.e-conseil-ic { width: 18px; height: 18px; flex: none; background: var(--dn-chrome-doux); -webkit-mask: url("/shared/dn/logos/favicon-loupe.svg") center / contain no-repeat; mask: url("/shared/dn/logos/favicon-loupe.svg") center / contain no-repeat; }
.e-conseil-btn { margin-left: auto; padding: 8px 13px; border-radius: 999px; background: linear-gradient(180deg, #fff, #d6d9dd); color: var(--dn-charbon); font-size: 12.5px; font-weight: 800; }
.e-piece--stagne { border-color: #ffffff5c; }
.e-piece em { position: absolute; right: 9px; top: 9px; padding: 3px 7px; border-radius: 999px; background: #0b0c0ee6; border: 1px solid #ffffff4d; font-style: normal; font-size: 11px; font-weight: 800; color: #fff; }
.e-portant { position: relative; margin-top: 14px !important; padding-top: 14px; }
.e-portant::before { content: ""; position: absolute; left: -2px; right: -2px; top: 40px; height: 5px; border-radius: 999px; background: linear-gradient(180deg, #fff, #8d939a 60%, #3a3f45); box-shadow: 0 4px 8px #000; }
.e-portant-t { display: flex; align-items: center; gap: 8px; font: 600 19px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.e-portant-t i { font-style: normal; display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 7px; border-radius: 999px; background: #ffffff1f; font: 700 13px/1 var(--dn-texte); }
.e-n-ligne, .e-n-vendu { overflow: hidden; }
.e-n-ligne b, .e-n-vendu b { display: block; font-weight: 700; line-height: 26px; transform: translateY(-100%); }
.e-cintres { display: flex; gap: 10px; margin-top: 22px; height: 122px; }
.e-piece { position: relative; display: grid; gap: 6px; width: 104px; flex: none; padding: 6px; border-radius: 16px; background: linear-gradient(180deg, #1a1c20, #0f1114); border: 1px solid #ffffff17; font-size: 11.5px; font-weight: 700; color: var(--dn-argent-2); text-align: center; }
.e-piece::before { content: ""; position: absolute; left: 50%; top: -16px; width: 14px; height: 16px; margin-left: -7px; border: 2px solid #b9bec4; border-bottom: 0; border-radius: 8px 8px 0 0; }
.e-piece img { width: 100%; height: 76px; border-radius: 11px; object-fit: cover; }
.e-place { width: 104px; flex: none; border-radius: 16px; border: 1px dashed #ffffff26; }
.e-feuille { position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; display: none; gap: 12px; padding: 22px 20px 120px; border-radius: 28px 28px 0 0; background: linear-gradient(180deg, #1d2024, #101215); border-top: 1px solid #ffffff2e; box-shadow: 0 -30px 60px #000c; }
.e-feuille-t { font: 600 19px/1.1 var(--dn-titre); letter-spacing: -.04em; color: #fff; }
.e-feuille-l { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #ffffff12; font-size: 14px; color: var(--dn-argent-2); }
.e-feuille-l b { color: #fff; font-family: var(--dn-titre); font-weight: 600; }
.e-toast { position: absolute; z-index: 7; left: 50%; top: 210px; display: none; align-items: center; gap: 10px; padding: 12px 18px 12px 12px; border-radius: 999px; translate: -50% 0; background: linear-gradient(180deg, #fff, #d6d9dd); color: var(--dn-charbon); box-shadow: 0 0 0 1px #000, 0 30px 50px -14px #000, 0 0 50px -10px #ffffff66; white-space: nowrap; }
.e-toast-ic { display: block; width: 34px; height: 34px; filter: invert(1) contrast(1.2); }
.e-toast p { font-size: 15px; font-weight: 700; }
.e-toast b { font: 600 22px/1 var(--dn-titre); letter-spacing: -.04em; }
html.t-anime .e-sto .e-feuille { display: grid; translate: 0 110%; transition: translate calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(.55s * var(--e-t, 1)); }
html.t-anime .e-sto.e-2:not(.e-3) .e-feuille { translate: 0 0; }
html.t-anime .e-sto .e-piece--vend { transition: translate calc(1.1s * var(--e-t, 1)) var(--e-ressort) calc(.5s * var(--e-t, 1)), scale calc(.6s * var(--e-t, 1)) ease calc(.5s * var(--e-t, 1)); z-index: 3; }
html.t-anime .e-sto.e-3 .e-piece--vend { translate: 0 172px; }
html.t-anime .e-sto.e-3 { --d: 96; }
html.t-anime .e-sto.e-3 .e-place { opacity: 0; transition: opacity calc(.3s * var(--e-t, 1)) ease calc(1.2s * var(--e-t, 1)); }
html.t-anime .e-sto .e-n-ligne b, html.t-anime .e-sto .e-n-vendu b { transition: transform calc(.6s * var(--e-t, 1)) var(--e-ressort) calc(1.3s * var(--e-t, 1)); }
html.t-anime .e-sto:not(.e-3) .e-n-ligne b, html.t-anime .e-sto:not(.e-3) .e-n-vendu b { transform: translateY(0); }
html.t-anime .e-sto .e-toast { display: flex; transition: opacity calc(.4s * var(--e-t, 1)) ease calc(.4s * var(--e-t, 1)), scale calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(.4s * var(--e-t, 1)), translate calc(.8s * var(--e-t, 1)) var(--e-ressort) calc(.4s * var(--e-t, 1)); }
html.t-anime .e-sto:not(.e-4) .e-toast { opacity: 0; scale: .5; translate: -50% 30px; }

.e-per-mois { display: flex; gap: 8px; margin-top: 14px !important; }
.e-per-jauge { display: grid; grid-template-columns: 96px 1fr; gap: 18px; align-items: end; margin-top: 14px !important; padding: 22px 18px; }
.e-tube { position: relative; height: 250px; margin: 22px 10px 0; border-radius: 0 0 40px 40px; border: 5px solid; border-top: 0; border-image: none; border-color: #c9ced3; background: #08090b; box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #00000080, inset 6px 0 10px #ffffff10; }
.e-tube::before { content: ""; position: absolute; left: -14px; right: -14px; top: -10px; height: 12px; border-radius: 999px; background: linear-gradient(180deg, #fff, #8d939a); box-shadow: 0 4px 8px #000; }
.e-tube-plein { position: absolute; left: 6px; right: 6px; bottom: 6px; height: calc(57% - 6px); border-radius: 0 0 32px 32px; background: linear-gradient(90deg, #6d7277, #fff 45%, #b9bec4 70%, #6d7277); box-shadow: 0 0 22px #ffffff40; transform-origin: 50% 100%; }
.e-tube-cap { position: absolute; left: calc(100% + 6px); top: 6px; padding: 5px 8px; border-radius: 999px; background: #0b0c0e; border: 1px solid #ffffff2e; font-size: 11px; font-weight: 700; color: #fff; white-space: nowrap; }
.e-per-chiffre { display: grid; gap: 8px; padding-bottom: 6px; }
.e-per-chiffre > b { font: 600 52px/1 var(--dn-titre); letter-spacing: -.06em; color: transparent; background-image: var(--dn-chrome-reflet), var(--dn-chrome-chiffre); -webkit-background-clip: text; background-clip: text; }
.e-per-evol { display: inline-flex; width: fit-content; padding: 5px 9px; border-radius: 999px; background: #ffffff14; border: 1px solid #ffffff26; font-size: 12px; font-weight: 700; color: #fff; }
.e-per-pct { font-size: 13px; color: var(--dn-argent-3); }
.e-per-pct b { color: #fff; }
.e-per-mois-courbe { margin-top: 12px !important; }
.e-per-mois-courbe svg { display: block; width: 100%; height: 110px; margin-top: 8px; overflow: visible; }
.e-per-mois-courbe circle { fill: #b9bec4; stroke: #08090b; stroke-width: 2; }
.e-per-mois-courbe circle.is-or { fill: #fff; filter: drop-shadow(0 0 8px #fff); }
.e-per-axe { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 6px !important; font-size: 12px; color: var(--dn-argent-3); text-align: center; }
.e-per-axe b { display: block; margin-top: 3px; font: 600 13px/1 var(--dn-titre); color: var(--dn-argent-2); }
.e-per-axe .is-la, .e-per-axe .is-la b { color: #fff; }
html.t-anime .e-per .e-tube-plein { transition: transform calc(1.6s * var(--e-t, 1)) var(--e-ressort) calc(.3s * var(--e-t, 1)); }
html.t-anime .e-per:not(.e-2) .e-tube-plein { transform: scaleY(0); }
html.t-anime .e-per .e-per-evol, html.t-anime .e-per .e-per-pct { transition: opacity calc(.5s * var(--e-t, 1)) ease calc(1.6s * var(--e-t, 1)), translate calc(.7s * var(--e-t, 1)) var(--dn-levee) calc(1.6s * var(--e-t, 1)); }
html.t-anime .e-per:not(.e-2) :is(.e-per-evol, .e-per-pct) { opacity: 0; translate: 0 12px; }
html.t-anime .e-per.e-3 { --d: 196; }
html.t-anime .e-per .e-per-mois-courbe .e-trace { transition: stroke-dashoffset calc(1.5s * var(--e-t, 1)) var(--dn-glisse) calc(.8s * var(--e-t, 1)); }
html.t-anime .e-per:not(.e-3) .e-per-mois-courbe .e-trace { stroke-dashoffset: 1; }
html.t-anime .e-per .e-per-mois-courbe circle { transition: opacity calc(.3s * var(--e-t, 1)) ease, scale calc(.5s * var(--e-t, 1)) var(--e-ressort); transform-box: fill-box; transform-origin: center; }
html.t-anime .e-per:not(.e-3) .e-per-mois-courbe circle { opacity: 0; scale: 0; }
html.t-anime .e-per.e-3 .e-per-mois-courbe circle:nth-of-type(1) { transition-delay: calc(.8s * var(--e-t, 1)); } html.t-anime .e-per.e-3 .e-per-mois-courbe circle:nth-of-type(2) { transition-delay: calc(1.2s * var(--e-t, 1)); }
html.t-anime .e-per.e-3 .e-per-mois-courbe circle:nth-of-type(3) { transition-delay: calc(1.6s * var(--e-t, 1)); } html.t-anime .e-per.e-3 .e-per-mois-courbe circle:nth-of-type(4) { transition-delay: calc(2s * var(--e-t, 1)); }
html.t-anime .e-per.e-4 .e-per-mois-courbe circle.is-or { animation: e-pulse calc(1.4s * var(--e-t, 1)) ease calc(.3s * var(--e-t, 1)) 2; }
@keyframes e-pulse { 50% { filter: drop-shadow(0 0 16px #fff); scale: 1.5; } }


@media (prefers-reduced-motion: reduce) {
  .e-app *, .e-app *::before, .e-app *::after { animation: none !important; transition: none !important; }
}

.e-page .v-bientot.v-bientot { font-size: 11px; padding: .42em .78em; }
.e-vitesses--deux { grid-template-columns: repeat(2, 1fr); }
.e-carte-sur .v-bientot.v-bientot { margin-left: auto; }
.e-tailles-bientot { display: flex !important; gap: 8px; }
.e-tailles-bientot li { display: grid; place-items: center; flex: 1; height: 34px; border-radius: 12px; background: #ffffff0a; border: 1px solid #ffffff14; grid-template-columns: none; font-size: 13px; font-weight: 700; color: var(--dn-argent-2); }