/* CBC : uniquement actif sur une fiche où une vidéo est renseignée. */
.cbc-product-gallery .cbc-video-thumb-holder { box-sizing:border-box!important; }
.cbc-product-gallery .cbc-video-thumb { position:relative; box-sizing:border-box; display:flex; width:104px; height:92px; flex:none; align-items:center; justify-content:center; border:1px solid #ded8d0; border-radius:3px; cursor:pointer; padding:0; overflow:hidden; background:#eae6e0 var(--cbc-video-poster, none) center / contain no-repeat; color:#fff; }
.cbc-product-gallery .cbc-video-thumb:hover,.cbc-product-gallery .cbc-video-thumb:focus-visible { outline:2px solid #262626; outline-offset:-2px; }
.cbc-product-gallery .cbc-video-thumb__play { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:rgba(0,0,0,.70); font-size:15px; padding-left:3px; }
.cbc-product-gallery .cbc-video-thumb__label { position:absolute; bottom:0; left:0; right:0; padding:2px; text-align:center; font-size:11px; font-weight:600; background:rgba(0,0,0,.7); color:#fff; }
.cbc-video-modal[hidden] { display:none!important; }
.cbc-video-modal { position:fixed; inset:0; z-index:999999; display:flex; justify-content:center; align-items:center; padding:20px; }
.cbc-video-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.85); }
.cbc-video-modal__content { position:relative; width:min(100%,1100px); z-index:1; }
.cbc-video-modal__content video { display:block; width:100%; max-height:80vh; background:#000; }
.cbc-video-modal__close { position:absolute; right:0; top:-48px; color:#fff; background:transparent; font-size:38px; line-height:1; border:0; cursor:pointer; }
@media(max-width:600px){ .cbc-product-gallery .cbc-video-thumb { width:82px; height:82px; } }