/* One full-width image, then two equally sized portrait tiles. */
#ts-product-images.ts-product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    opacity: 1;
    width: 100%;
    max-height: none;
    overflow: visible;
    align-items: start;
    justify-items: stretch;
}
#ts-product-images.ts-product-grid::before,
#ts-product-images.ts-product-grid::after { display: none; }
#ts-product-images.ts-product-grid > div {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    opacity: 1;
}
#ts-product-images.ts-product-grid > div:first-child { grid-column: 1 / -1; }
#ts-product-images a { display: block; }
#ts-product-images img { display: block; width: 100%; height: auto; }
.single-product #product-images-content #product-thumbnails { display: none; }
#ts-product-images .ts-gallery-video {
    grid-column: 1 / -1 !important;
    position: relative;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: #eee;
}
#ts-product-images .ts-gallery-video.is-landscape {
    grid-column: 1 / -1;
}
#ts-product-images .ts-gallery-video video,
#ts-product-images .ts-gallery-video iframe,
#ts-product-images .ts-gallery-video .ts-video-poster {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 0;
}
.ts-video-embed-player { position: absolute; inset: 0; }
#ts-product-images .ts-video-toggle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    cursor: pointer;
    z-index: 2;
    line-height: 1;
}
#ts-product-images .ts-video-toggle:focus-visible { outline: 3px solid #222; outline-offset: 3px; }
#ts-product-images .is-playing .ts-video-toggle { top: 30px; left: 30px; opacity: .7; }
#ts-product-images .is-playing .ts-video-toggle:hover,
#ts-product-images .is-playing .ts-video-toggle:focus-visible { opacity: 1; }