.np-elementor-product-image-gallery {
    .np-elementor-product-image-gallery__thumbnails {
        height: fit-content;
        --grid-value: 1;
        --gap-value: 0;
        --thumbnail-width: calc(100% / var(--grid-value) - (var(--gap-value) * (var(--grid-value) - 1) ) / var(--grid-value) );

        gap: var(--gap-value);

        &.layout-flex {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }


        &.layout-slider {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            white-space: nowrap;

            &.direction-row {
                overflow-x: auto;
                overflow-y: hidden;
            }

            &.direction-column {
                overflow-x: hidden;
                overflow-y: auto;
            }
        }

        &.layout-grid {
            display: flex;
            flex-wrap: wrap;

            .thumbnail {
                width: var(--thumbnail-width);

                img {
                    object-fit: cover;
                }
            }
        }

        .thumbnail {
            display: flex;
            transition: .3s ease-in-out;
            aspect-ratio: 1 / 1;

            &:hover {
                cursor: pointer;

            }

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}