.np-elementor-product-image-gallery {
    --slider-height: 300px;
    --thumbnails-width: 100px;
    --layout-gap: 20px;


    &:has(.layout-slider) {

        &.top,
        &.bottom {
            --total-height: calc(var(--slider-height) + var(--thumbnails-width) + var(--layout-gap));
        }

        &.left,
        &.right {
            --total-height: var(--slider-height);
        }

        height: var(--total-height);

    }


    .np-elementor-product-image-gallery-slider {

        display: flex;
        width: 100%;
        height: var(--slider-height);

        @media(max-width: 767px) {
            width: 100%;
        }

        .np-elementor-product-image-gallery__wrapper {
            display: flex;
            flex-direction: row;
            overflow-y: hidden;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: none;
            -ms-overflow-style: none;
            width: 100%;

            &::-webkit-scrollbar {
                display: none;
            }

            .np-elementor-product-image-gallery__wrapper-slide {
                display: flex;
                width: 100%;
                height: 100%;
                flex: 0 0 100%;
                justify-content: center;

                scroll-snap-align: center;
                box-sizing: border-box;


                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}