.woocommerce-product-gallery.cmdga{opacity:1!important;container-type:inline-size;position:relative}
body .woocommerce-product-gallery.cmdga>.woocommerce-product-gallery__wrapper{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;aspect-ratio:1/1;background:#fff;margin:0!important;padding:0!important;transform:none!important}
.woocommerce-product-gallery.cmdga>.woocommerce-product-gallery__wrapper::-webkit-scrollbar{display:none}
.cmdga .woocommerce-product-gallery__image{flex:0 0 100%!important;width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden}
.cmdga .woocommerce-product-gallery__image>a{display:block;height:100%;cursor:zoom-in}
.cmdga .woocommerce-product-gallery__image img{display:block;width:100%!important;height:100%!important;object-fit:contain;border-radius:0!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.cmdga>.woocommerce-product-gallery__wrapper:hover .woocommerce-product-gallery__image.is-actif img{transform:scale(1.03)}}
/* place des vignettes réservée avant le JavaScript (pas de saut de page) */
.cmdga--multi:not(.cmdga-pret)::after{content:"";display:block;order:2;height:110px}
.cmdga-vignettes{order:2;display:flex;gap:10px;margin:0!important;padding:2px!important;list-style:none!important;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.cmdga-vignettes::-webkit-scrollbar{display:none}
.cmdga-vignettes li{flex:0 0 96px;margin:0!important;padding:3px;border-radius:20px;border:2px solid transparent;list-style:none!important;transition:transform .25s,border-color .25s}
.cmdga-vignettes li:hover{transform:translateY(-3px)}
.cmdga-vignettes li.is-actif{border-color:var(--fp-v,#507E64)}
.cmdga-vignettes button{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;border-radius:15px}
.cmdga-vignettes img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px!important}
.cmdga-bt{position:absolute;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#212121;cursor:pointer;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(20,32,26,.07),0 12px 26px -12px rgba(20,32,26,.35);transition:opacity .25s,transform .25s}
.cmdga-bt:hover{transform:scale(1.06)}
.cmdga-bt:disabled{opacity:0;pointer-events:none}
.cmdga-loupe{top:20px;right:20px}
.cmdga-fl{top:calc(50cqw - 22px)}
.cmdga-fl--g{left:16px}.cmdga-fl--d{right:16px}
@media (hover:hover){.cmdga:not(:hover) .cmdga-fl{opacity:0}}
.cmdga-nb{position:absolute;z-index:5;top:calc(100cqw - 44px);right:14px;padding:5px 11px;border-radius:999px;font:600 12px/1.2 Inter,sans-serif;color:#212121;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none}
@media (max-width:860px){
 .cmdga-vignettes li{flex-basis:80px}
 .cmdga--multi:not(.cmdga-pret)::after{height:94px}
 .cmdga-fl{display:none!important}
 .cmdga-nb{display:block}
 .cmdga-loupe{top:14px;right:14px;width:40px;height:40px}
}
/* plein écran */
html.cmdga-ouvert{overflow:hidden}
.cmdga-plein{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(14,18,16,.96);color:#fff}
.cmdga-plein::backdrop{background:rgba(14,18,16,.96)}
.cmdga-plein-piste{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}
.cmdga-plein-piste::-webkit-scrollbar{display:none}
.cmdga-plein figure{flex:0 0 100%;height:100%;margin:0;display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always;padding:56px 16px}
.cmdga-plein figure img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;background:#fff}
.cmdga-plein .cmdga-bt{position:fixed}
.cmdga-plein .cmdga-x{top:16px;right:16px}
.cmdga-plein .cmdga-fl{top:calc(50% - 22px)}
.cmdga-plein .cmdga-nb{display:block;position:fixed;top:24px;left:50%;right:auto;transform:translateX(-50%)}
@media (max-width:860px){.cmdga-plein .cmdga-fl{display:none!important}.cmdga-plein figure{padding:64px 0}.cmdga-plein figure img{border-radius:0}}