/* Version validée : transparence réelle sur WebP animé, PNG de secours. */
.hero-scan-scene{width:clamp(158px,17vw,214px);height:auto;aspect-ratio:3/4;right:-10%;bottom:0;overflow:visible}
.hero-scan-scene .hero-mascot-fallback{width:100%!important;height:100%!important;animation:none!important;transition:opacity .18s ease;filter:none}
.hero-mascot-anim{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .2s ease;filter:drop-shadow(0 8px 10px rgba(9,59,35,.14))}
.hero-scan-scene.media-ready .hero-mascot-anim{opacity:1}
.hero-scan-scene.media-ready .hero-mascot-fallback{opacity:0}
.hero-scan-confirmation{position:absolute;right:0;bottom:-16px;z-index:6;white-space:nowrap;border-radius:20px;background:#e7f4df;border:1px solid #95c79b;color:#0a4b30;box-shadow:0 5px 18px #0a4b3022;font-size:clamp(.58rem,.8vw,.78rem);font-weight:850;line-height:1.2;padding:7px 11px;opacity:0;transform:translateY(4px);pointer-events:none}
.hero-scan-tick{display:inline-grid;place-items:center;border-radius:50%;background:#0a4b30;color:white;width:17px;height:17px;margin-right:4px;font-size:.76rem}
.hero-scan-scene.media-ready .hero-scan-confirmation{animation:pantrix-scan-badge 5.04s linear infinite}
@keyframes pantrix-scan-badge{0%,34%,78%,100%{opacity:0;transform:translateY(5px)}42%,70%{opacity:1;transform:translateY(0)}}
.scan-audio-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}
.scan-audio-toggle{border:1px solid #b3cdb8;padding:8px 13px;background:#f6faf2;color:#0a4b30;border-radius:999px;font-weight:750;font-size:.77rem;cursor:pointer}
.scan-audio-toggle:hover{background:#e8f3e4}.scan-audio-toggle:focus-visible{outline:3px solid #eb9837;outline-offset:3px}
.scan-audio-note{font-size:.72rem;color:#5b735e}
@media(max-width:980px){.hero-scan-scene{width:25%;height:auto;right:-6%;bottom:3%}}
@media(max-width:640px){.hero-scan-scene{width:30%;height:auto;right:-7%;bottom:4%}.hero-scan-confirmation{font-size:.55rem;padding:5px 6px;right:-4%;bottom:-9px}.hero-scan-tick{width:13px;height:13px;font-size:.6rem;margin-right:2px}}
@media(prefers-reduced-motion:reduce){.hero-scan-scene.media-ready .hero-scan-confirmation{animation:none;opacity:0}.hero-mascot-anim{display:none!important}.hero-scan-scene .hero-mascot-fallback{opacity:1!important}}