/* Machine video slide (product-layout.php, product-video.js). The clip is 16:9 in the square gallery: shown whole,
   centred on the gallery's grey. */
.sk-video-slide {position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--surface-muted,#f0f0f0);}
/* Above and below the 16:9 clip: the same frame, enlarged and blurred, so the square is filled without hard bands. */
.sk-video-slide::before {content:"";position:absolute;inset:-40px;background:var(--sk-poster) center/cover no-repeat;filter:blur(32px) saturate(.8) brightness(1.08);opacity:.4;}
html body .sk-video-slide video {position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-width:none;object-fit:contain;}
.sk-video-toggle {position:absolute;left:16px;bottom:16px;z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 2px 10px rgba(16,24,40,.12);cursor:pointer;transition:transform .15s;}
.sk-video-toggle svg {width:22px;height:22px;}
.sk-video-toggle .i-pause, .sk-video-slide.is-playing .sk-video-toggle .i-play {display:none;}
.sk-video-slide.is-playing .sk-video-toggle .i-pause {display:block;}
@media (hover:hover) {.sk-video-toggle:hover {transform:scale(1.06);}}
.sk-video-toggle:focus-visible {outline:2px solid var(--ink);outline-offset:3px;}
/* Paused (or before it starts): a larger play button in the middle as well. */
.sk-video-slide:not(.is-playing)::after {content:"";position:absolute;left:50%;top:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%231f2933'/%3E%3C/svg%3E") center/32px no-repeat;box-shadow:0 4px 18px rgba(16,24,40,.14);pointer-events:none;}
/* Play badge on the video's thumbnail. */
.flex-control-thumbs li.sk-video-thumb {position:relative;}
.flex-control-thumbs li.sk-video-thumb::after {content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(255,255,255,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%231f2933'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 1px 6px rgba(16,24,40,.18);pointer-events:none;}
.flex-control-thumbs li.sk-video-thumb img {object-fit:cover;}
/* No zoom/lightbox button while the video is the shown slide (nothing to enlarge). */
.woocommerce-product-gallery:has(.sk-video-slide.flex-active-slide) .woocommerce-product-gallery__trigger {display:none;}