.vi{padding-bottom:230px;position:relative}.vi-main{z-index:60;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px #00000059);transition:transform .95s cubic-bezier(.45,.05,.25,1),opacity .35s;position:fixed;top:0;left:0}.vi-main svg{transition:transform .15s;display:block}.vi-main.clic svg{transform:scale(.82)}.vi-anneau{z-index:59;pointer-events:none;opacity:0;border:3px solid var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent);border-radius:10px;transition:transform .8s cubic-bezier(.45,.05,.25,1),width .8s,height .8s,opacity .35s;position:fixed;top:0;left:0}.vi-capteur{z-index:55;cursor:pointer;background:0 0;border:0;position:fixed;inset:0}.vi-images{z-index:65;pointer-events:none;background:#1015212e;justify-content:center;align-items:center;gap:18px;padding:12px;animation:.4s vi-entre;display:flex;position:fixed;inset:70px 0 230px}.vi-images figure{background:#fff;border-radius:12px;flex-direction:column;min-height:0;max-height:100%;margin:0;padding:6px;display:flex;box-shadow:0 18px 44px -18px #0000008c}.vi-images img{object-fit:contain;border-radius:6px;width:auto;max-width:300px;height:auto;max-height:min(52vh,440px);display:block}.vi-images figure.tel{border:2px solid #1e2430;border-radius:22px;padding:8px}.vi-images figure.tel img{border-radius:14px;max-width:230px;max-height:min(50vh,420px)}.vi-images figcaption{color:#1e2430;text-align:center;padding:6px 4px 2px;font-size:.85rem;font-weight:600}@keyframes vi-entre{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.vi-accueil{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10152173;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vi-carte{background:var(--surface);text-align:center;border-radius:16px;width:100%;max-width:460px;padding:28px 26px;box-shadow:0 30px 70px -25px #0009}.vi-carte h2{margin:.2em 0 .4em;font-size:1.6rem;line-height:1.15}.vi-sur{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.85rem;font-weight:600}.vi-play{align-items:center;gap:10px;margin:10px 0 8px;padding:15px 28px;font-size:1.15rem;display:inline-flex}.vi-boutons{flex-direction:column;gap:8px;margin:14px 0 10px;display:flex}.vi-barre{z-index:70;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px -18px #00000059}.vi-barre>*{max-width:900px;margin-left:auto;margin-right:auto}.vi-haut{color:var(--ink-2);justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.88rem;display:flex}.vi-haut b{color:var(--ink)}.vi-temps{font-variant-numeric:tabular-nums;white-space:nowrap}.vi-piste{gap:3px;margin-bottom:10px;display:flex}.vi-piste button{background:var(--line);cursor:pointer;border:0;border-radius:99px;flex-basis:0;height:10px;padding:0;position:relative;overflow:hidden}.vi-piste button.fait{background:var(--accent)}.vi-piste button.ici{background:color-mix(in srgb,var(--accent) 22%,var(--line))}.vi-piste button i{background:var(--accent);transition:width .25s linear;position:absolute;top:0;bottom:0;left:0}.vi-piste button.ici i:after{content:"";border:3px solid var(--accent);background:#fff;border-radius:99px;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;right:-1px}.vi-piste button:hover{filter:brightness(.95)}.vi-texte{color:var(--ink);min-height:4.5em;margin:0 auto 10px;font-size:1.06rem;line-height:1.5}.vi-commandes{justify-content:center;align-items:center;gap:10px;display:flex}.vi-bt{border:1px solid var(--line);background:var(--surface);height:46px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:600;display:inline-flex}.vi-bt:disabled{opacity:.35;cursor:default}.vi-bt-p{background:var(--accent);border-color:var(--accent);color:#fff;justify-content:center;min-width:140px;height:52px;padding:0 24px}.vi-bt-p.attend{animation:1.6s ease-in-out infinite vi-pulse}@keyframes vi-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 0 10px #0000}}.vi-essai{margin-left:auto}@media (max-width:600px){.vi{padding-bottom:270px}.vi-texte{min-height:6em;font-size:.97rem}.vi-essai{display:none}.vi-bt{gap:5px;padding:0 12px;font-size:.88rem}.vi-bt-p{min-width:118px;padding:0 16px}.vi-images{top:64px;bottom:275px}.vi-images.deux{gap:8px}.vi-images.deux img{max-width:42vw;max-height:38vh}.vi-images figure.tel img{max-width:46vw;max-height:calc(100vh - 400px)}}@media (prefers-reduced-motion:reduce){.vi-main,.vi-anneau{transition:none}.vi-images,.vi-bt-p.attend{animation:none}}