/* Sélection enregistrée par Mehdi : 24 images. Positions et rythme : editing.json. */
.commands-sequence.commands-flow{display:flex;flex-direction:column;gap:0}
.commands-sequence.commands-flow>.gallery-wrapper{width:100%;margin:var(--desktop-gap,112px) 0 0}
.commands-sequence.commands-flow .gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;max-width:none;margin:0;align-items:start}
.commands-sequence.commands-flow .gallery__item{grid-column:var(--column)/span var(--span);width:100%;margin:0!important}
.commands-sequence.commands-flow .gallery__item img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:651px) and (max-width:1000px){.commands-sequence.commands-flow>.gallery-wrapper{margin-top:calc(var(--desktop-gap,112px) * .7)}}
@media(max-width:650px){
 .commands-sequence.commands-flow>.gallery-wrapper{margin-top:var(--mobile-gap,88px)}
 .commands-sequence.commands-flow .gallery{display:block}
 .commands-sequence.commands-flow .gallery__item{width:var(--mobile-width);margin-left:var(--mobile-left)!important}
}
.commands-flow .edit-01{--column:1;--span:7;--desktop-gap:0px;--mobile-width:100%;--mobile-left:0%;--mobile-gap:0px}
.commands-flow .edit-02{--column:10;--span:3;--desktop-gap:-180px;--mobile-width:58%;--mobile-left:42%;--mobile-gap:72px}
.commands-flow .edit-03{--column:2;--span:4;--desktop-gap:88px;--mobile-width:52%;--mobile-left:0%;--mobile-gap:88px}
.commands-flow .edit-04{--column:9;--span:3;--desktop-gap:-120px;--mobile-width:44%;--mobile-left:56%;--mobile-gap:-60px}
.commands-flow .edit-05{--column:3;--span:3;--desktop-gap:104px;--mobile-width:60%;--mobile-left:12%;--mobile-gap:80px}
.commands-flow .edit-06{--column:8;--span:4;--desktop-gap:-120px;--mobile-width:100%;--mobile-left:0%;--mobile-gap:96px}
.commands-flow .edit-07{--column:2;--span:6;--desktop-gap:128px;--mobile-width:88%;--mobile-left:12%;--mobile-gap:112px}
.commands-flow .edit-08{--column:9;--span:3;--desktop-gap:-180px;--mobile-width:62%;--mobile-left:0%;--mobile-gap:80px}
.commands-flow .edit-09{--column:1;--span:4;--desktop-gap:96px;--mobile-width:56%;--mobile-left:44%;--mobile-gap:72px}
.commands-flow .edit-10{--column:8;--span:4;--desktop-gap:-96px;--mobile-width:80%;--mobile-left:0%;--mobile-gap:104px}
.commands-flow .edit-11{--column:2;--span:3;--desktop-gap:112px;--mobile-width:56%;--mobile-left:0%;--mobile-gap:96px}
.commands-flow .edit-12{--column:7;--span:6;--desktop-gap:-132px;--mobile-width:100%;--mobile-left:0%;--mobile-gap:72px}
.commands-flow .edit-13{--column:3;--span:3;--desktop-gap:144px;--mobile-width:60%;--mobile-left:40%;--mobile-gap:112px}
.commands-flow .edit-14{--column:9;--span:3;--desktop-gap:-112px;--mobile-width:54%;--mobile-left:4%;--mobile-gap:88px}
.commands-flow .edit-15{--column:1;--span:7;--desktop-gap:96px;--mobile-width:100%;--mobile-left:0%;--mobile-gap:80px}
.commands-flow .edit-16{--column:10;--span:3;--desktop-gap:-128px;--mobile-width:64%;--mobile-left:36%;--mobile-gap:96px}
.commands-flow .edit-17{--column:2;--span:7;--desktop-gap:128px;--mobile-width:100%;--mobile-left:0%;--mobile-gap:88px}
.commands-flow .edit-18{--column:10;--span:3;--desktop-gap:-96px;--mobile-width:54%;--mobile-left:0%;--mobile-gap:64px}
.commands-flow .edit-19{--column:3;--span:7;--desktop-gap:112px;--mobile-width:100%;--mobile-left:0%;--mobile-gap:80px}
.commands-flow .edit-20{--column:10;--span:3;--desktop-gap:-80px;--mobile-width:58%;--mobile-left:42%;--mobile-gap:96px}
.commands-flow .edit-21{--column:1;--span:4;--desktop-gap:104px;--mobile-width:78%;--mobile-left:0%;--mobile-gap:96px}
.commands-flow .edit-22{--column:9;--span:3;--desktop-gap:-128px;--mobile-width:62%;--mobile-left:38%;--mobile-gap:88px}
.commands-flow .edit-23{--column:2;--span:6;--desktop-gap:128px;--mobile-width:100%;--mobile-left:0%;--mobile-gap:112px}
.commands-flow .edit-24{--column:9;--span:4;--desktop-gap:-104px;--mobile-width:88%;--mobile-left:12%;--mobile-gap:104px}

/* Formats personnalisables depuis Thème > Photos de Commandes. */
.commands-sequence.commands-flow .photo-custom{--desktop-gap:96px;--mobile-gap:72px;--photo-width:62%;--phone-width:100%}
.commands-sequence.commands-flow .photo-custom .gallery{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:0}
.commands-sequence.commands-flow .photo-custom .gallery__item{width:var(--photo-width);flex:none;max-width:100%;margin:0!important}
.commands-sequence.commands-flow .photo-size-small{--photo-width:30%;--phone-width:56%}
.commands-sequence.commands-flow .photo-size-medium{--photo-width:44%;--phone-width:78%}
.commands-sequence.commands-flow .photo-size-large{--photo-width:62%;--phone-width:100%}
.commands-sequence.commands-flow .photo-size-full{--photo-width:100%;--phone-width:100%}
.commands-sequence.commands-flow .photo-position-left .gallery{justify-content:flex-start}
.commands-sequence.commands-flow .photo-position-right .gallery{justify-content:flex-end}
.commands-sequence.commands-flow .photo-gap-none{--desktop-gap:0px;--mobile-gap:0px}
.commands-sequence.commands-flow .photo-gap-close{--desktop-gap:48px;--mobile-gap:40px}
.commands-sequence.commands-flow .photo-gap-normal{--desktop-gap:96px;--mobile-gap:72px}
.commands-sequence.commands-flow .photo-gap-airy{--desktop-gap:160px;--mobile-gap:112px}
.commands-flow .flow-reset-gap{--desktop-gap:96px;--mobile-gap:72px}
.commands-sequence.commands-flow>.photo-first:not(.photo-custom){margin-top:0!important}
@media(max-width:650px){
 .commands-sequence.commands-flow .photo-custom .gallery__item{width:var(--phone-width);margin:0!important;align-self:auto}
 .commands-sequence.commands-flow .photo-mobile-small{--phone-width:56%}
 .commands-sequence.commands-flow .photo-mobile-medium{--phone-width:78%}
 .commands-sequence.commands-flow .photo-mobile-full{--phone-width:100%}
}