.woocommerce-product-gallery__image.ak-product-video-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f5f5f7;
    min-height: 420px;
}

.ak-video-shell {
    position: relative;
    width: min(92vw, 390px);
    aspect-ratio: 9 / 16;
    border-radius: 24px;
    overflow: hidden;
    background: #111827;
    box-shadow: 0 18px 45px rgba(17, 24, 39, .18);
    touch-action: pan-y;
    user-select: none;
}

.ak-video-frame,
.ak-video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.ak-video-frame iframe {
    border: 0;
    pointer-events: none;
}

.ak-video-start {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    height: 100%;
    border: 0;
    background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.18), rgba(17,24,39,.72));
    color: #fff;
    cursor: pointer;
    font: inherit;
    z-index: 4;
}

.ak-video-start span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-size: 34px;
    line-height: 1;
    padding-left: 5px;
    box-shadow: 0 12px 35px rgba(0,0,0,.24);
}

.ak-video-start strong {
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -.01em;
}

.ak-video-frame.is-loaded + .ak-video-start {
    opacity: 0;
    pointer-events: none;
}


.woocommerce-product-gallery ol.flex-control-thumbs li img[src^="data:image/svg+xml"] {
    object-fit: cover;
    border-radius: 12px;
}


@media (max-width: 767px) {
    .woocommerce-product-gallery__image.ak-product-video-slide {
        min-height: min(154vw, 680px);
        padding: 10px 0;
    }

    .ak-video-shell {
        width: min(94vw, 430px);
        border-radius: 22px;
    }

}
