.machine-panels{display:flex;gap:12px;margin:45px 0 60px;height:750px;max-height:88vh;min-height:580px}
.machine-panels .machine-scene--single{flex:1 1 0;min-width:0;height:100%;min-height:0;margin:0;border-radius:24px;transition:flex .85s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.machine-panels .machine-scene--single.is-open{flex:6 1 0;cursor:default}
.machine-panels .machine-scene__copy{left:20px;right:20px;top:35px;width:auto;max-width:470px;animation:none;transition:opacity .35s}
.machine-panels .machine-scene__num{margin-bottom:22px}
.p-a-propos .machines--white .machine-panels .machine__name{font-size:clamp(22px,2.4vw,38px)!important;overflow-wrap:anywhere}
.machine-panels .machine__brand,.machine-panels .machine__tag,.machine-panels .machine__desc{display:none}
.machine-panels .is-open .machine-scene__copy{left:7%;top:8%;width:76%}
.machine-panels .is-open .machine__brand,.machine-panels .is-open .machine__tag,.machine-panels .is-open .machine__desc{display:block}
.p-a-propos .machines--white .machine-panels .is-open .machine__name{font-size:clamp(32px,3.5vw,52px)!important;overflow-wrap:normal}
.machine-panels .machine-scene__slide::after{background:linear-gradient(180deg,#07111cbd,transparent 65%,#07111c70)}
.machine-panels .is-open .machine-scene__slide::after{background:linear-gradient(90deg,#07111ce0,#07111c60 65%,#07111c15),linear-gradient(0deg,#07111c90,transparent 50%)}
.machine-panels .machine-examples{opacity:0;visibility:hidden;max-width:86%;right:7%;bottom:25px;transition:opacity .3s .2s}
.machine-panels .is-open .machine-examples{opacity:1;visibility:visible}
.machine-panels .machine-examples button{width:100px;height:130px}
.machine-panels .machine-scene:focus-visible{outline:3px solid #229ad6;outline-offset:4px}
@media(max-width:800px){.machine-panels{flex-direction:column;height:auto;max-height:none;min-height:0;gap:12px}.machine-panels .machine-scene--single{flex:none;height:125px;transition:height .6s}.machine-panels .machine-scene--single.is-open{flex:none;height:680px}.machine-panels .machine-scene__copy{top:20px;left:22px}.machine-panels .machine-scene__num{margin-bottom:6px}.p-a-propos .machines--white .machine-panels .machine__name{font-size:24px!important;margin:6px 0}.machine-panels .is-open .machine-scene__copy{top:30px}.machine-panels .machine-examples{left:7%;max-width:none}.machine-panels .machine-examples button{width:calc((100% - 16px)/3);max-width:110px;height:140px}}
@media(prefers-reduced-motion:reduce){.machine-panels .machine-scene--single{transition:none}}

.machine-examples__list .machine-video{margin:0;min-width:180px;max-width:240px;background:#f1f3f4;border-radius:12px;overflow:hidden}
.machine-examples__list .machine-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#dfe3e5}
.machine-examples__list .machine-video figcaption{padding:8px 10px;font-size:.82rem;line-height:1.3;color:inherit}
@media (max-width:700px){.machine-examples__list .machine-video{min-width:150px}}
/* Vidéos Zünd : mêmes vignettes compactes que les visuels associés */
.machine-panels .machine-examples__list .machine-video{position:relative;flex:0 0 100px;width:100px;height:130px;min-width:0;max-width:none;border:1px solid #ffffffa0;border-radius:15px;background:#f6f7f8;box-shadow:0 12px 28px #0003;overflow:hidden}
.machine-panels .machine-examples__list .machine-video video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.machine-panels .machine-examples__list .machine-video figcaption{position:absolute;inset:auto 0 0;padding:22px 9px 10px;background:linear-gradient(transparent,#07111cdd);color:#fff;font-size:11px;line-height:1.3}
@media(max-width:800px){.machine-panels .machine-examples__list .machine-video{flex:0 0 110px;width:110px;height:140px}}
.machine-panels .machine-video{pointer-events:auto;z-index:6}
.machine-panels .machine-video video{pointer-events:auto;cursor:pointer}
.machine-video-dialog{border:0;border-radius:20px;padding:clamp(16px,3vw,32px);background:#101820;color:#fff;max-width:min(92vw,760px);max-height:92vh;box-shadow:0 24px 80px #0009}
.machine-video-dialog::backdrop{background:#07111ce8;backdrop-filter:blur(6px)}
.machine-video-dialog video{display:block;width:auto;height:min(78vh,760px);max-width:84vw;margin:auto;border-radius:12px;background:#000}
.machine-video-dialog p{margin:12px 0 0;color:#dfe8ed;text-align:center;font-size:14px}
.machine-video-dialog__close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:2}
/* Les vignettes n’affichent aucun habillage blanc de lecteur natif */
.machine-panels .machine-video,
.machine-panels .machine-video figcaption{background:transparent!important;border:0!important;box-shadow:none!important}
.machine-panels .machine-video video::-webkit-media-controls,
.machine-panels .machine-video video::-webkit-media-controls-panel,
.machine-panels .machine-video video::-webkit-media-controls-enclosure{display:none!important;opacity:0!important}
.machine-panels .machine-video figcaption{display:none!important}
.machine-panels .machine-video__label{position:absolute;left:0;right:0;bottom:0;padding:18px 9px 10px;background:linear-gradient(transparent,#07111ce8);color:#fff;font-size:11px;line-height:1.3;pointer-events:none}
/* Le bouton de lecture automatique ne doit pas hériter du style des grandes vignettes */
.machine-panels .machine-video .video-clean-toggle{position:absolute;right:8px;bottom:8px;z-index:8;width:28px!important;height:28px!important;min-width:0!important;max-width:none!important;padding:0!important;border:1px solid #ffffff85!important;border-radius:50%!important;background:#102331b8!important;color:#fff!important;box-shadow:none!important;font-size:11px!important;display:grid!important;place-items:center!important}