@property --vr-x { syntax: "<number>"; inherits: true; initial-value: .25; }

.vr-lecteur { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.vr-fx-cadre { --x: 13; --y: 19; --w: 53; --h: 50; }
.vr-fx-etiq { --x: 80; --y: 15; }
.vr-fx-histo { --x: 33; --y: 76; --w: 36; --h: 13; }
.vr-fx-fil--tel { display: none; }
.vr-scene .vr-charge-ichor img { display: block; width: 100%; height: 100%; object-fit: contain; }
html.t-anime .vr-scene .p-filet path { transition-delay: .95s; }
html.t-anime .vr-scene.is-relie .p-filet circle { transition-delay: .9s; }
html.t-anime .vr-scene.is-relie .p-filet circle:last-of-type { transition-delay: 1.95s; }

@media (max-width: 699.98px) {
  .vr-fx-cadre { --y: 16; --h: 47; }
  .vr-fx-etiq { --x: 77; --y: 25; }
  .vr-fx-histo { --x: 66; --y: 44; --w: 30; --h: 10; }
  .vr-fx-fil--large { display: none; }
  .vr-fx-fil--tel { display: block; }
  .vr-scene .p-ichor { left: 0; right: auto; top: 18%; transform-origin: 0 0; }
  .vr-scene .p-scene-pied { top: 60%; }
}

.vr-entrees { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.vr-entrees li { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 16px 6px 6px; border-radius: var(--dn-r-rond); background: linear-gradient(180deg, #16181cf2, #0e1013f2); box-shadow: inset 0 1px 0 #ffffff17, 0 0 0 1px #ffffff14; font-size: 14px; font-weight: 650; color: var(--dn-argent-1); }
.vr-entree-ic { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(160deg, #2a2e34, #121417); box-shadow: inset 0 1px 0 #ffffff26; }
.vr-entree-ic svg { width: 17px; height: 17px; fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.vr-entrees small { padding: 3px 7px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff33; font-size: 12px; font-weight: 700; color: var(--dn-argent-2); }
.vr-mini { display: grid; grid-template-columns: repeat(3, minmax(0, auto)); justify-content: start; gap: 8px; margin-top: 22px; }
.vr-mini li { display: grid; gap: 6px; padding: 12px 16px; border-radius: 16px; background: #ffffff08; border: 1px solid #ffffff14; }
.vr-mini small { font: 700 12px/1 var(--dn-texte); letter-spacing: .06em; text-transform: uppercase; color: var(--dn-argent-3); white-space: nowrap; }
.vr-mini b { font: 600 22px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; white-space: nowrap; }
.vr-gamme { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }

.vr-pastille { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 12px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff2e; background: #ffffff0a; color: var(--dn-argent-1); font: 800 12px/1 var(--dn-texte); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.vr-pastille::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.vr-pastille--sous { border-color: #ffffff8c; color: #fff; background: linear-gradient(180deg, #ffffff24, #ffffff0a); }
.vr-pastille--dans { color: var(--dn-argent-2); }
.vr-pastille--dessus { border-color: #ffffff1f; color: var(--dn-argent-3); background: transparent; }
.vr-pastille--dessus::before { border-radius: 2px; rotate: 45deg; width: 6px; height: 6px; }
.vr-pastille--preciser { border-style: dashed; border-color: #ffffff4d; color: var(--dn-argent-2); background: transparent; }
.vr-pastille--preciser::before { display: none; }

.vr-tete { max-width: 860px; }
.vr-chapo { margin: 22px 0 0; max-width: 64ch; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.6; color: var(--dn-argent-2); text-wrap: pretty; }

.vr-onglets { position: relative; display: inline-flex; gap: 4px; margin-top: clamp(32px, 4vw, 48px); padding: 5px; border-radius: var(--dn-r-rond); background: var(--dn-satin-fond); border: 1px solid #ffffff17; box-shadow: inset 0 1px 0 #ffffff12; }
.vr-onglets[hidden] { display: none; }
.vr-onglet { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 20px; border: 0; border-radius: var(--dn-r-rond); background: transparent; color: var(--dn-argent-2); font: 700 15px/1 var(--dn-texte); cursor: pointer; transition: color .25s ease; }
.vr-onglet:hover { color: #fff; }
.vr-onglet[aria-selected="true"] { color: #fff; }
.vr-onglet small { padding: 3px 7px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff38; font-size: 12px; font-weight: 700; color: var(--dn-argent-2); }
.vr-onglet:focus-visible { outline: 2px solid var(--dn-bleui-1); outline-offset: 2px; }
.vr-onglets-perle { position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 0; width: var(--vr-o-w, 0px); translate: var(--vr-o-x, 0px) 0; border-radius: var(--dn-r-rond); background: linear-gradient(180deg, #ffffff29, #ffffff0d); box-shadow: inset 0 1px 0 #ffffff47, 0 0 0 1px #ffffff47, 0 0 26px -8px #ffffff73; opacity: 0; }
.vr-onglets.is-perle .vr-onglets-perle { opacity: 1; }
html.t-anime .vr-onglets.is-perle .vr-onglets-perle { transition: translate .55s var(--dn-ressort), width .55s var(--dn-ressort); }
.vr-onglets:not(.is-perle) .vr-onglet[aria-selected="true"] { background: linear-gradient(180deg, #ffffff29, #ffffff0d); box-shadow: inset 0 1px 0 #ffffff47, 0 0 0 1px #ffffff47; }

.vr-panneau { margin-top: clamp(24px, 3vw, 36px); }
.vr-panneau[hidden] { display: none; }
.vr-panneau-titre { margin: 0 0 18px; font: 600 clamp(22px, 2vw, 28px)/1.1 var(--dn-titre); letter-spacing: -.04em; color: var(--dn-argent-1); }
.vr-panneau-titre small { margin-left: 8px; padding: 3px 8px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff38; font: 700 12px/1 var(--dn-texte); letter-spacing: 0; color: var(--dn-argent-2); vertical-align: 4px; }
.vr-lot { margin-top: clamp(56px, 7vw, 96px); }
.vr-balance.is-onglets .vr-panneau-titre { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.vr-balance.is-onglets .vr-lot { margin-top: clamp(24px, 3vw, 36px); }
html.t-anime .vr-panneau.is-entre { animation: vr-entre .55s var(--dn-levee) both; }
@keyframes vr-entre { from { opacity: 0; translate: 0 14px; } }

.vr-balance-grille { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: clamp(16px, 2.4vw, 32px); align-items: stretch; }
.vr-instrument-bloc, .vr-verdict, .vr-colle, .vr-pile { border-radius: 32px; box-shadow: inset 0 1px 0 #ffffff1a, 0 0 0 1px #ffffff12, 0 50px 80px -50px #000; }
.vr-instrument-bloc { min-width: 0; padding: clamp(20px, 2.6vw, 34px); background: radial-gradient(120% 140% at 0% 0%, #1b1e22, #0c0d10 60%); }
.vr-modele { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0; }
.vr-modele img { width: 48px; height: 48px; border-radius: 14px; object-fit: cover; background: #ececec; -webkit-user-drag: none; user-select: none; }
.vr-modele-nom { font: 600 18px/1.1 var(--dn-titre); letter-spacing: -.03em; color: #fff; }
.vr-modele-nom small { display: block; margin-bottom: 4px; font: 700 12px/1 var(--dn-texte); letter-spacing: .1em; text-transform: uppercase; color: var(--dn-argent-3); }
.vr-modele-base { margin-left: auto; font-size: 14px; color: var(--dn-argent-3); }
.vr-modele-base b { color: #fff; font-family: var(--dn-titre); font-weight: 600; }

.vr-instrument { --vr-hh: clamp(130px, 15vw, 220px); --vr-zh: 40px; position: relative; margin-top: 16px; padding-top: 84px; container-type: inline-size; touch-action: pan-y; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.vr-histo { position: relative; display: flex; align-items: flex-end; gap: clamp(2px, .35vw, 5px); height: var(--vr-hh); border-bottom: 1px solid #ffffff1f; }
.vr-barre { --plus: clamp(0, (var(--c) - var(--vr-x)) * 600, 1); flex: 1; height: max(2px, calc(var(--h) * 100%)); border-radius: 5px 5px 1px 1px; background: linear-gradient(180deg, #f4f6f8, #8d939a); opacity: calc(.2 + .65 * var(--plus)); transform-origin: 50% 100%; }
.vr-zones { position: relative; height: var(--vr-zh); margin-top: 10px; }
.vr-zone { position: absolute; top: 0; bottom: 0; left: calc(var(--de) * 100% + 2px); width: calc((var(--a) - var(--de)) * 100% - 4px); display: grid; place-items: center; border-radius: 10px; background: #ffffff08; border: 1px solid #ffffff17; transition: background .35s ease, border-color .35s ease, box-shadow .35s ease; }
.vr-zone b { font: 800 12px/1 var(--dn-texte); letter-spacing: .06em; text-transform: uppercase; color: var(--dn-argent-3); white-space: nowrap; transition: color .3s ease; }
.vr-zone.is-actif { background: linear-gradient(180deg, #ffffff24, #ffffff0a); border-color: #ffffff6b; box-shadow: inset 0 1px 0 #ffffff33, 0 0 26px -8px #ffffff80; }
.vr-zone.is-actif b { color: #fff; }
.vr-axe { position: relative; height: 36px; margin-top: 10px; }
.vr-axe span { position: absolute; left: calc(var(--p) * 100%); top: 0; translate: -50% 0; display: grid; justify-items: center; gap: 3px; font: 700 12px/1.2 var(--dn-texte); color: var(--dn-argent-3); white-space: nowrap; }
.vr-axe span:first-child { translate: 0 0; justify-items: start; }
.vr-axe span:last-child { translate: -100% 0; justify-items: end; }
.vr-axe-marche { color: #fff !important; }
.vr-axe small { font-size: 12px; font-weight: 700; color: var(--dn-argent-3); }
@container (max-width: 560px) {
  .vr-zones { --vr-zh: 44px; }
  .vr-curseur { --vr-ah: 4px; }
  .vr-zone { top: 0; bottom: auto; height: 14px; border-radius: 5px; }
  .vr-zone b { position: absolute; top: 22px; left: 50%; translate: -50% 0; }
  .vr-zone b::before { content: ""; position: absolute; left: 50%; bottom: calc(100% + 2px); width: 1px; height: 6px; background: currentColor; opacity: .6; }
}

.vr-curseur { position: absolute; z-index: 3; left: calc(var(--vr-x) * 100%); top: 4px; display: grid; justify-items: start; gap: 4px; min-width: 104px; min-height: 58px; padding: 10px 16px 10px 14px; translate: calc(var(--vr-x) * -100%) 0; border-radius: 14px; background: radial-gradient(120% 90% at 20% 0%, #fff, transparent 60%), linear-gradient(170deg, #f5f6f8, #c4c9ce); color: var(--dn-charbon); box-shadow: inset 0 1px 0 #fff, 0 0 0 1px #000, 0 22px 34px -14px #000; touch-action: none; cursor: grab; outline: none; transition: box-shadow .25s ease, scale .3s var(--dn-levee); }
.vr-curseur::after { content: ""; position: absolute; left: calc(var(--vr-x) * 100%); top: 100%; width: 12px; height: 7px; margin-left: -6px; background: #c4c9ce; clip-path: polygon(0 0, 100% 0, 50% 100%); }
.vr-aiguille { position: absolute; left: calc(var(--vr-x) * 100%); top: calc(100% + 6px); width: 2px; height: calc(var(--vr-hh) + 14px + var(--vr-ah, var(--vr-zh)) + 16px); margin-left: -1px; border-radius: 2px; background: linear-gradient(180deg, #fff, #ffffffd9 70%, #ffffff33); box-shadow: 0 0 12px #ffffffb3; pointer-events: none; }
.vr-aiguille::after { content: ""; position: absolute; left: -5px; bottom: -6px; width: 12px; height: 12px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #b9bec4 55%, #4a4f57); box-shadow: 0 0 12px #ffffffb3; }
.vr-etiq { display: grid; gap: 3px; pointer-events: none; }
.vr-etiq b { font: 600 26px/1 var(--dn-titre); letter-spacing: -.05em; white-space: nowrap; }
.vr-etiq small { font: 800 12px/1 var(--dn-texte); letter-spacing: .04em; color: #2a2d33; white-space: nowrap; }
.vr-curseur:hover { box-shadow: inset 0 1px 0 #fff, 0 0 0 1px #000, 0 0 0 5px #ffffff1f, 0 22px 34px -14px #000; }
.vr-curseur:focus-visible { box-shadow: inset 0 1px 0 #fff, 0 0 0 2px #0b0c0e, 0 0 0 4px var(--dn-bleui-1), 0 22px 34px -14px #000; }
.vr-instrument.is-tenu .vr-curseur { cursor: grabbing; scale: 1.06; box-shadow: inset 0 1px 0 #fff, 0 0 0 1px #000, 0 0 30px -4px #ffffff8c, 0 30px 40px -16px #000; }
.vr-instrument.is-tenu .vr-aiguille { box-shadow: 0 0 18px #fff; }
.vr-instrument.is-cale { transition: --vr-x .32s var(--dn-ressort); }
.vr-aide { margin: 18px 0 0; font-size: 14px; color: var(--dn-argent-3); }
@media (hover: none) and (pointer: coarse) { .vr-aide-clavier { display: none; } }
.vr-essais { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 14px; font-weight: 700; color: var(--dn-argent-2); }
.vr-essais[hidden] { display: none; }
.vr-essai { min-width: 64px; min-height: 44px; padding: 0 14px; border-radius: var(--dn-r-rond); border: 1px solid #ffffff24; background: #ffffff08; color: var(--dn-argent-1); font: 600 15px/1 var(--dn-titre); letter-spacing: -.02em; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.vr-essai:hover { border-color: #ffffff5c; background: #ffffff14; color: #fff; }
.vr-essai:focus-visible { outline: 2px solid var(--dn-bleui-1); outline-offset: 2px; }
html.t-anime .vr-barre { transition: transform .75s var(--dn-ressort) calc(var(--i) * 18ms + .1s), opacity .22s ease, background .3s ease, box-shadow .3s ease; }
html.t-anime .vr-instrument:not(.is-vu) .vr-barre { transform: scaleY(0); }
html.t-anime .vr-zone { transition: opacity .5s ease calc(.55s + var(--i) * 80ms), translate .6s var(--dn-levee) calc(.55s + var(--i) * 80ms), background .35s ease, border-color .35s ease, box-shadow .35s ease; }
html.t-anime .vr-instrument:not(.is-vu) .vr-zone { opacity: 0; translate: 0 8px; }
html.t-anime .vr-instrument:not(.is-vu) .vr-axe { opacity: 0; }
html.t-anime .vr-axe { transition: opacity .6s ease .9s; }
html.t-anime .vr-instrument:not(.is-vu) .vr-curseur { opacity: 0; translate: calc(var(--vr-x) * -100%) -34px; }
html.t-anime .vr-instrument.is-vu:not(.is-arrive) .vr-curseur { transition: opacity .3s ease 1s, translate .7s var(--dn-ressort) 1s, box-shadow .25s ease, scale .3s var(--dn-levee); }
html.t-anime .vr-instrument:not(.is-vu) .vr-aiguille { scale: 1 0; transform-origin: 50% 0; }
html.t-anime .vr-aiguille { transition: scale .6s var(--dn-levee) 1.35s, box-shadow .25s ease; transform-origin: 50% 0; }
html.t-anime .vr-instrument.is-arrive .vr-aiguille { transition: box-shadow .25s ease; }

.vr-verdict { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(22px, 2.6vw, 36px); background: radial-gradient(120% 120% at 100% 0%, #1e2126, #0c0d10 62%); overflow: hidden; isolation: isolate; }
.vr-verdict::before { content: ""; position: absolute; z-index: -1; inset: auto -30% -40% -30%; height: 70%; pointer-events: none; background: radial-gradient(closest-side, #ffffff14, transparent); opacity: .8; transition: background .5s ease; }
.vr-verdict-sur { margin: 0; font: 700 12px/1.2 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--dn-argent-3); }
.vr-verdict-ichor { position: absolute; right: 16px; top: 14px; width: 64px; height: 64px; }
.vr-verdict-ichor > span { display: block; width: 100%; height: 100%; }
.vr-sceau { position: relative; display: inline-flex; align-self: flex-start; align-items: center; gap: 12px; max-width: 100%; margin: 16px 0 0; padding: 10px 22px 10px 10px; border-radius: 999px; border: 1.5px solid #ffffffbf; background: linear-gradient(180deg, #ffffff21, #ffffff08); box-shadow: inset 0 1px 0 #ffffff47, 0 0 0 5px #ffffff0d, 0 0 44px -12px #ffffff80; rotate: -2deg; transition: translate .35s var(--dn-levee), scale .35s var(--dn-levee), box-shadow .35s ease, border-color .35s ease, background .35s ease; }
.vr-sceau::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: linear-gradient(105deg, transparent 36%, #ffffff3d 47%, #ffffff8c 50%, #ffffff3d 53%, transparent 64%) 0 0 / 260% 100% no-repeat; }
.vr-sceau-ic { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #fff, #c9ced3 60%, #8d949c); color: #0b0c0e; box-shadow: inset 0 -1px 2px #0006; }
.vr-sceau-ic svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.vr-ic { display: none; }
.vr-v-sous .vr-ic--sous, .vr-v-dans .vr-ic--dans, .vr-v-dessus .vr-ic--dessus { display: inline; }
.vr-sceau-mot { font: 600 clamp(26px, 2.4vw, 32px)/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; padding-bottom: .06em; white-space: nowrap; }
.vr-v-dans .vr-sceau { border-color: #ffffff66; box-shadow: inset 0 1px 0 #ffffff33, 0 0 0 5px #ffffff0a; }
.vr-v-dessus .vr-sceau { border-color: #ffffff38; background: #ffffff05; box-shadow: inset 0 1px 0 #ffffff1a; }
.vr-v-dessus .vr-sceau-ic { background: linear-gradient(160deg, #3a3f46, #16181c); color: var(--dn-argent-2); box-shadow: inset 0 1px 0 #ffffff26; }
.vr-v-dessus .vr-sceau-mot { background-image: none; color: var(--dn-argent-2); }
.vr-balance-grille.is-tenu .vr-sceau { translate: 0 -9px; scale: 1.04; box-shadow: inset 0 1px 0 #ffffff47, 0 0 0 5px #ffffff0d, 0 26px 30px -16px #000; }
html.t-anime .vr-sceau.is-frappe { animation: vr-frappe .6s var(--dn-ressort); }
html.t-anime .vr-sceau.is-frappe::after { animation: vr-lame 1s var(--dn-glisse) .18s both; }
@keyframes vr-frappe { 0% { translate: 0 -12px; scale: 1.1; } 42% { translate: 0 2px; scale: .95; } 100% { translate: 0 0; scale: 1; } }
@keyframes vr-lame { 0% { opacity: 1; background-position: 100% 0; } 85% { opacity: 1; } 100% { opacity: 0; background-position: 0 0; } }
.vr-prix { display: grid; justify-items: start; gap: 8px; margin: 26px 0 0; }
.vr-prix > b { font: 600 clamp(52px, 5.6vw, 84px)/.95 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; padding-bottom: .04em; white-space: nowrap; }
.vr-prix > span { font-size: 15px; color: var(--dn-argent-3); }
.vr-prix > span b { color: #fff; }
.vr-lecture { --vr-ef: clamp(20px, 1.8vw, 26px); min-height: calc(var(--vr-ef) * 2.3 + 14px + 45px + 8px); }
.vr-ecart { margin: 14px 0 0; font: 600 var(--vr-ef)/1.15 var(--dn-titre); letter-spacing: -.035em; color: #fff; }
.vr-phrase { margin: 8px 0 0; max-width: 34ch; font-size: 15px; line-height: 1.5; color: var(--dn-argent-2); }
.vr-verdict-ichor.is-hop, .vr-pile-ichor.is-hop { animation: vr-hop .7s var(--dn-ressort); }
.vr-verdict-ichor.is-hoche { animation: vr-hoche .6s ease-in-out; }
@keyframes vr-hop { 35% { translate: 0 -14px; scale: 1.06 .94; } 60% { translate: 0 0; scale: .96 1.04; } }
@keyframes vr-hoche { 30% { rotate: 8deg; } 65% { rotate: -4deg; } }
.vr-demo { margin-top: 16px; }

@media (max-width: 899.98px) {
  .vr-balance-grille { grid-template-columns: minmax(0, 1fr); }
  .vr-verdict { order: -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 14px; padding: 20px 22px 22px; border-radius: 26px; }
  .vr-verdict > * { grid-column: 1 / -1; }
  .vr-verdict-ichor { width: 52px; height: 52px; right: 12px; top: 10px; }
  .vr-sceau { margin-top: 12px; }
  .vr-prix { margin-top: 18px; }
  .vr-prix > b { font-size: clamp(44px, 12vw, 60px); }
  .vr-instrument-bloc { border-radius: 26px; }
}
@media (max-width: 560px) {
  .vr-essais { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vr-essais > span { grid-column: 1 / -1; }
  .vr-essai { min-width: 0; }
}
@media (max-width: 420px) {
  .vr-onglet { padding: 0 14px; font-size: 14px; }
  .vr-modele-base { margin-left: 0; flex-basis: 100%; }
  .vr-sceau { gap: 10px; padding: 8px 18px 8px 8px; }
  .vr-sceau-ic { width: 34px; height: 34px; }
}

.vr-lot-dit { margin: 0; max-width: 62ch; font-size: 16px; line-height: 1.6; color: var(--dn-argent-2); text-wrap: pretty; }
.vr-lot-grille { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(16px, 2.4vw, 32px); margin-top: 24px; align-items: start; }
.vr-colle { padding: clamp(18px, 2vw, 26px); background: linear-gradient(180deg, #15171bf2, #0d0f12f2); }
.vr-colle-titre, .vr-pile-tete { margin: 0; font: 700 12px/1.2 var(--dn-texte); letter-spacing: .12em; text-transform: uppercase; color: var(--dn-argent-3); }
.vr-colle-lignes { display: grid; gap: 4px; margin-top: 14px; padding: 12px; border-radius: 18px; background: #08090b; box-shadow: inset 0 2px 8px #000, 0 0 0 1px #ffffff0f; }
.vr-colle-lignes li { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: baseline; gap: 8px; padding: 6px 8px; border-radius: 10px; font: 500 13px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--dn-argent-2); overflow-wrap: anywhere; transition: background .3s ease, color .3s ease; }
.vr-colle-lignes .dn-num { font-family: var(--dn-texte); font-size: 12px; font-weight: 700; color: var(--dn-argent-3); text-align: right; }
.vr-colle-lignes li.is-lu { background: #ffffff14; color: #fff; }
.vr-colle-lignes li.is-fait { color: var(--dn-argent-3); }
.vr-lot-joue { gap: 8px; margin-top: 14px; }
.vr-lot-joue[hidden] { display: none; }
.vr-lot-joue svg { width: 17px; height: 17px; }
.vr-pile { position: relative; padding: clamp(18px, 2vw, 26px); background: radial-gradient(120% 120% at 100% 0%, #1e2126, #0c0d10 62%); }
.vr-pile-ichor { position: absolute; right: 14px; top: 8px; width: 56px; height: 56px; }
.vr-pile-ichor > span { display: block; width: 100%; height: 100%; }
.vr-pile-tete { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; margin-right: 64px; min-height: 40px; align-items: center; }
.vr-pile-tete b { color: #fff; }
.vr-pile-lignes { --lh: 70px; position: relative; height: calc(var(--n) * var(--lh)); margin-top: 12px; }
.vr-ligne { position: absolute; left: 0; right: 0; top: calc(var(--r1) * var(--lh)); height: calc(var(--lh) - 8px); display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; grid-template-areas: "img nom verdict prix"; align-items: center; column-gap: 14px; padding: 0 16px 0 9px; border-radius: 18px; background: linear-gradient(180deg, #1a1c20, #111316); border: 1px solid #ffffff17; }
.vr-ligne-img { grid-area: img; width: 44px; height: 44px; border-radius: 12px; overflow: hidden; background: #ececec; }
.vr-ligne-img img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; user-select: none; }
.vr-ligne--preciser .vr-ligne-img { background: repeating-linear-gradient(135deg, #ffffff10 0 4px, transparent 4px 8px), #121417; border: 1px dashed #ffffff40; }
.vr-ligne-nom { grid-area: nom; display: grid; gap: 4px; min-width: 0; }
.vr-ligne-nom b { overflow: hidden; font: 650 15px/1.15 var(--dn-texte); color: #fff; white-space: nowrap; text-overflow: ellipsis; }
.vr-ligne-nom small { overflow: hidden; font: 500 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--dn-argent-3); white-space: nowrap; text-overflow: ellipsis; }
.vr-ligne-prix { grid-area: prix; min-width: 52px; text-align: right; font: 600 20px/1 var(--dn-titre); letter-spacing: -.04em; color: #fff; white-space: nowrap; }
.vr-ligne-verdict { grid-area: verdict; display: grid; justify-items: end; gap: 5px; }
.vr-ligne-verdict small { font-size: 12px; font-weight: 650; color: var(--dn-argent-3); white-space: nowrap; }
.vr-ligne--dessus { background: linear-gradient(180deg, #141619, #0e1013); }
.vr-ligne--dessus .vr-ligne-prix { color: var(--dn-argent-2); }
.vr-ligne--preciser { border-style: dashed; border-color: #ffffff2b; background: transparent; }
.vr-ligne-garde { position: absolute; left: -1px; top: 14px; bottom: 14px; width: 3px; border-radius: 3px; background: linear-gradient(180deg, #fff, #9aa0a7); box-shadow: 0 0 12px #ffffff80; opacity: 0; }
.vr-ligne.is-garde .vr-ligne-garde { opacity: 1; }
.vr-poids { margin-top: 6px; padding: 18px 20px; border-radius: 20px; background: #ffffff08; border: 1px solid #ffffff14; }
.vr-poids p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--dn-argent-2); }
.vr-poids b { color: #fff; }
.vr-poids .vr-poids-ecart { margin-top: 8px; }
.vr-poids-ecart span { font: 600 clamp(24px, 2.4vw, 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; padding-bottom: .04em; }
.vr-poids .vr-poids-compte { margin-top: 10px; font-size: 13px; color: var(--dn-argent-3); }
@media (max-width: 899.98px) {
  .vr-lot-grille { grid-template-columns: minmax(0, 1fr); }
  .vr-colle, .vr-pile { border-radius: 26px; }
}
@media (max-width: 560px) {
  .vr-pile-lignes { --lh: 86px; }
  .vr-ligne { grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: "img nom prix" "img verdict verdict"; align-content: center; row-gap: 7px; padding: 0 12px 0 9px; column-gap: 12px; }
  .vr-ligne-img { width: 40px; height: 40px; }
  .vr-ligne-verdict { display: flex; align-items: center; justify-items: start; gap: 8px; }
  .vr-ligne-prix { font-size: 18px; min-width: 0; }
  .vr-pastille { min-height: 26px; padding: 0 10px; }
  .vr-e-long { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .vr-ligne-verdict .vr-e-court { display: inline; font-size: 13px; color: var(--dn-argent-2); }
}
.vr-e-court { display: none; }

.vr-lot-grille.is-cale, .vr-lot-grille.is-cale * { transition: none !important; }
html.t-anime .vr-ligne { transition: top .85s var(--dn-ressort) calc(var(--r1) * 45ms), border-color .4s ease, box-shadow .4s ease, background .4s ease; }
html.t-anime .vr-lot-grille.is-brut .vr-ligne { top: calc(var(--r0) * var(--lh)); border-style: dashed; border-color: #ffffff21; box-shadow: none; background: transparent; }
html.t-anime .vr-ligne :is(.vr-ligne-img, .vr-ligne-nom b, .vr-ligne-prix) { transition: opacity .35s ease, scale .45s var(--dn-ressort), translate .45s var(--dn-levee); }
html.t-anime .vr-ligne .vr-ligne-verdict { transition: opacity .3s ease .12s, scale .5s var(--dn-ressort) .12s; }
html.t-anime .vr-lot-grille.is-brut .vr-ligne:not(.is-lu) :is(.vr-ligne-img, .vr-ligne-verdict) { opacity: 0; scale: .7; }
html.t-anime .vr-lot-grille.is-brut .vr-ligne:not(.is-lu) :is(.vr-ligne-nom b, .vr-ligne-prix) { opacity: 0; translate: 0 6px; }
html.t-anime .vr-lot-grille.is-brut .vr-ligne.is-lu { border-style: solid; }
html.t-anime .vr-lot-grille:not(.is-pese) .vr-ligne-garde { opacity: 0; scale: 1 .3; }
html.t-anime .vr-ligne-garde { transition: opacity .3s ease calc(var(--r1) * 70ms), scale .5s var(--dn-ressort) calc(var(--r1) * 70ms); }
html.t-anime .vr-poids { transition: opacity .5s ease .25s, translate .7s var(--dn-levee) .25s; }
html.t-anime .vr-lot-grille:not(.is-pese) .vr-poids { opacity: 0; translate: 0 14px; }

.vr-obj-base .p-obj-l b.vr-obj-mot { font: 800 12px/1 var(--dn-texte); letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.vr-obj-base .p-obj-l--muet b.vr-obj-mot { font: 600 20px/1 var(--dn-titre); color: var(--dn-argent-4); }

@media (prefers-reduced-motion: reduce) {
  .vr-balance *, .vr-balance { transition: none !important; animation: none !important; }
  .vr-instrument, .vr-instrument.is-cale { transition: none !important; }
}