/**
 *  - v2.1.15
 * 
 * Copyright (c) 2025
 * Licensed GPLv2+
 */
.ct-stacked-gallery .ct-media-container [class*=gallery__trigger],.ct-columns-top-gallery .ct-media-container [class*=gallery__trigger] {
    opacity: 0;
    transition: opacity .12s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.ct-stacked-gallery .ct-media-container:hover [class*=gallery__trigger],.ct-columns-top-gallery .ct-media-container:hover [class*=gallery__trigger] {
    opacity: 1
}

.product[class*=top-gallery] .woocommerce-product-gallery {
    margin-bottom: 3em
}

.product[class*=top-gallery] .entry-summary {
    border: var(--container-border);
    border-radius: var(--container-border-radius)
}

@media(min-width: 1000px) {
    .product[class*=top-gallery] .entry-summary {
        display:grid;
        grid-template-columns: 1.3fr 1fr
    }
}

@media(max-width: 689.98px) {
    .product[class*=top-gallery] .entry-summary section {
        padding:25px
    }
}

@media(max-width: 999.98px) {
    .product[class*=top-gallery] .entry-summary section:last-child {
        border-top:var(--container-border)
    }
}

@media(min-width: 690px)and (max-width: 999.98px) {
    .product[class*=top-gallery] .entry-summary section {
        padding:30px
    }
}

@media(min-width: 1000px) {
    .product[class*=top-gallery] .entry-summary section {
        padding:40px
    }

    .product[class*=top-gallery] .entry-summary section:last-of-type {
        border-inline-start:var(--container-border)}
}

.product[class*=top-gallery] .entry-summary .woocommerce-product-details__short-description>*: last-child {
    margin-bottom:0
}

.ct-stacked-gallery-container {
    display: grid;
    grid-template-columns: repeat(var(--columns, 2), 1fr);
    grid-auto-rows: min-content;
    grid-column-gap: var(--thumbs-spacing, 15px);
    grid-row-gap: var(--thumbs-spacing, 15px)
}

@media(min-width: 1000px) {
    .ct-top-gallery .flexy-pills {
        max-width:60%;
        margin-inline:auto}

    .ct-top-gallery .flexy-pills ol:not([data-flexy]),.ct-top-gallery .flexy-pills ol[data-flexy*=paused] {
        --pills-horizontal-alignment: center
    }
}

.ct-columns-top-gallery .flexy-items {
    margin: 0 calc(var(--thumbs-spacing, 15px)/-2)
}

.ct-columns-top-gallery .flexy-items>* {
    padding: 0 calc(var(--thumbs-spacing, 15px)/2);
    flex: 0 0 calc(100%/var(--columns, 3))
}