.product-details-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;

    .product-details-item {
        display: flex;
        flex-direction: column;
        gap: 50px;

        .text-wrapper {
            h2 {
                margin-top: 0 !important;
            }
        }

        &.single {
            align-items: start;

            .text-wrapper {
                width: 50%;
            }

            .media-wrapper {
                width: 50%;

                .swiper-navigation {
                    display: none;
                }
            }

            &.row-reverse,
            &.row {
                .swiper {
                    max-height: 100%;
                    margin-bottom: 0;
                }
            }

            &.column,
            &.column-reverse {
                .text-wrapper {
                    width: 100%;
                }

                .media-wrapper {
                    align-self: center;
                    width: 100%;

                    .swiper {
                        margin-bottom: 0;
                    }
                }
            }
        }

        &.gallery {
            flex-direction: column !important;
        }

        .product-details-item-gallery {
            position: relative;

            .swiper {
                max-height: 500px;
                height: 100%;
                margin-bottom: 100px;
                position: relative;

                .swiper-slide {
                    figure {
                        position: relative;

                        figcaption {
                            position: absolute;
                            bottom: 0;
                            background: var(--e-global-color-primary);
                            padding: 2px 8px;
                            color: var(--e-global-color-text);
                        }

                        img {
                            width: 100%;
                            object-fit: cover;
                            max-height: 500px;
                            object-position: center center;
                        }
                    }
                }
            }

            .swiper-navigation {
                .li-widgets--muqe-carousel-swiper-controls {
                    right: 0;
                    transform: none;
                    bottom: -100px;
                }
            }

            .swiper-button-prev {
                left: calc(100% - 120px);

                &:hover {
                    &:after {
                        transform: rotate(-180deg);
                    }
                }
            }

            .swiper-button-next {
                right: 0;
            }
        }
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .product-details-wrapper {
        .product-details-item-gallery {
            .swiper-navigation {
                .li-widgets--muqe-carousel-swiper-controls {
                    right: 0;
                    transform: none;
                    bottom: -75px;
                    z-index: 999999;
                }
            }
        }
    }
}

@media (max-width: 767px) {
    .product-details-wrapper {
        .product-details-item {
            flex-direction: column !important;
            gap: 20px;

            &.single {
                flex-direction: column !important;

                .text-wrapper,
                .media-wrapper {
                    width: 100%;
                }
            }
        }

        .product-details-item-gallery {
            .swiper {
                margin-bottom: 100px;
                max-height: 300px;
                height: 100%;

                .swiper-slide {
                    img {
                        max-height: 300px;
                        object-fit: cover;
                    }
                }
            }

            .swiper-navigation {
                .li-widgets--muqe-carousel-swiper-controls {
                    right: 0;
                    transform: none;
                    bottom: -55px;
                    z-index: 999999;
                }
            }
        }
    }
}