.ys-detail-swiper {
    display: none;
}

@media screen and (max-width: 767px) {
    html:has(.ys-detail-swiper) {
        overflow-x: hidden;
    }

    .detail-gallery-big-wrapper._ys-pc {
        display: none;
    }

    .ys-detail-swiper {
        display: block;
        width: calc(100% + 68px);
        transform: translateX(-34px);
        height: 70dvh;
        border-radius: 20px;
        overflow: hidden;
    }

    .ys-detail-swiper .swiper-slide {
        position: relative;
    }

    .ys-detail-swiper img,
    .ys-detail-swiper video {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 600px) {
    .ys-detail-swiper {
        width: calc(100% + 52px);
        transform: translateX(-26px);
    }
}