.show-tell-section {
    .title {
        h2 {
            font-size: 22px;
            line-height: 32px;
        }
    }

    .show-mannequin-box {
        padding-inline: 35px;

        .small-text {
            font-size: var(--small-size);
            line-height: 22px;
            color: rgba(255, 255, 255, 0.7);
        }
        .original-transorm-box {
            position: relative;
            height: 300px;
            overflow: hidden;

            display: block;

            .original,
            .transormed {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
            }

            .original img {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            .transormed {
                clip-path: inset(0 0 0 50%);
            }

            .transormed img {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

            .product_image_box {
                height: 100%;

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

            /* Drag handle */
            .drag-handle {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 25px;
                height: 25px;
                background: url(../images/croll-icon.svg)no-repeat;
                transform: translate(-50%,-50%);
                cursor: ew-resize;
                z-index: 10;
                border-radius: 4px;
            }
            /* Desktop: horizontal drag */
                @media (min-width: 641px) {
                    .original-transorm-box .drag-handle {
                        cursor: ew-resize; 
                    }
                }
            /* Mobile: show full images, hide slider */
            @media (max-width: 640px) {
                height: auto;
                .drag-handle{
                    display: none;
                }

                .original,
                .transormed {
                    position: relative;
                    clip-path: none !important;
                }
                .original{
                    img{
                        height: 180px;
                        border: none;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                    }
                }
                 .transormed{
                    img{
                        height: 180px;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                    }
                }
            }
        }

        .custom_arrow .swiper-button-prev {
            left: -35px !important;
        }

        .custom_arrow .swiper-button-next {
            right: -35px !important;
        }
    }
}


.mobile_view_selector {
    background: transparent;
    color: #fff;
    border: none;
    margin-bottom: 20px;
}

.mobile_view_selector option {
    color: #000;
}