.item_images_container {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    width: 95%;
    height: 90vh;
    margin-left: 2.5%;
    scroll-behavior: smooth;
    transform-origin: center center;
    transition: all 0.6s ease;
    position: relative;
    border-radius: 0 0 .7vw .7vw;
}

.item_images_container::-webkit-scrollbar {
    display: none;
}

.item_images_container .item_images_container_image_container {
    position: relative;
    width: 45vw;
    aspect-ratio: 2 / 3;
    /* flex-shrink: 0; */
    scroll-snap-align: start;
    display: flex;
}

.item_images_container_image {
    width: 100%;
    height: 100%;
    display: block;
    transform-origin: center right;
    transition: all .6s ease;
}

.item_images_container .item_images_container_close,
.item_images_container .item_images_container_zoom {
    position: absolute;
    aspect-ratio: 1/1;
    width: 3vw;
    background-color: transparent;
    border-radius: .7vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    bottom: 3vw;
    left: 3.5vw;
    z-index: 1;
    background-color: var(--color9);
    border-radius: .7vw;
    transition: all .6s ease;
}

.item_images_container .item_images_container_close {
    /* top: 1vw; */
    top: 3vw;
    visibility: hidden;
    transition: all 0.6 ease;
    opacity: 0;
}

.item_images_container .item_images_container_close img,
.item_images_container .item_images_container_zoom img {
    width: 65%;
    aspect-ratio: 1/1;
}

.item_images_container.zoom .item_images_container_image {
    transform: scale(1.2);
}

.item_images_container.zoom .item_images_container_close,
.item_images_container.zoom .item_images_container_zoom {
    position: fixed;
}

.item_images_container .arrow_slider {
    position: absolute;
    left: 2%;
    width: 96%;
    height: fit-content;
    display: flex;
    top: 50%;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease;
}

.item_images_container.zoom .arrow_slider {
    pointer-events: auto;
    opacity: 1;
    position: fixed;
}


.item_images_container .arrow_slider .left_slider,
.item_images_container .arrow_slider .right_slider {
    position: relative;
    overflow: hidden;
    width: 3vw;
    height: 3vw;
    white-space: nowrap;
    padding: .1vw .3vw;
    font-size: 1vw;
    background-color: var(--color3);
    color: black;
    cursor: pointer;
    border: solid;
    border-radius: .7vw;
    border-color: transparent;
    border-width: 0;
    display: flex;
}

.item_images_container .arrow_slider .right_slider {
    right: 0;
    position: absolute;
}

.item_images_container .arrow_slider .left_slider {
    margin-right: .5vw;
}
.section_category_carousel_category .section_category_button .arrow_icon {
    transform: translateX(-130%);
}

.item_images_container .arrow_slider .left_slider .arrow_icon {
    transform: translateX(-130%) rotate(-180deg);
}

.section_category_carousel_category .section_category_button:hover,
.item_images_container .arrow_slider .left_slider:hover,
.item_images_container .arrow_slider .right_slider:hover {
    background-color: var(--color9);
}

.section_category_button span,
.item_images_container .arrow_slider span {
    width: 100%;
    aspect-ratio: 1/1;
}

.section_category_button .arrow_icon,
.item_images_container .arrow_slider span .arrow_icon {
    width: 100%;
    aspect-ratio: 1/1;
}

.item_images_container .arrow_slider > span {
    display: inline-flex;
    gap: 1vw;
}

.section_category_button > span {
    display: inline-flex;
    margin-right: 1vw;
}

.right_slider:hover > span {
    animation: right-arrow-loop .2s linear;
}

.section_category_button:hover > span,
.left_slider:hover > span {
    animation: left-arrow-loop .2s linear;
}

@keyframes right-arrow-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-130%);
    }
}


@keyframes left-arrow-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(130%);
    }
}

@media screen and (max-width: 62.438em) {
    .item_images_container {
        display: flex;
        width: 95%;
        aspect-ratio: 2/3;
        margin-left: 2.5%;
        scroll-behavior: smooth;
        transform-origin: center center;
        transition: none;
        border-radius: 0 0 2vw 2vw;
    }


    .item_images_container .item_images_container_image_container {
        position: relative;
        width: 100%;
        aspect-ratio: 2/3;
        scroll-snap-align: start;
        display: flex;
    }

    .item_images_container_image {
        width: 100%;
        height: 100%;
        display: block;
        transform-origin: center right;
        transition: all .6s ease;
    }

    .item_images_container .item_images_container_close,
    .item_images_container .item_images_container_zoom {
        width: 10vw;
        border-radius: 2vw;
        transition: all .6s ease;
    }

    .item_images_container .item_images_container_close {
        /* top: 1vw; */
        top: 10vw;
        visibility: hidden;
        transition: all 0.6 ease;
        opacity: 0;
    }

    .item_images_container .item_images_container_close img,
    .item_images_container .item_images_container_zoom img {
        width: 65%;
        aspect-ratio: 1/1;
    }

    .item_images_container.zoom .item_images_container_image {
        transform: scale(1);
    }

    .item_images_container.zoom .item_images_container_close,
    .item_images_container.zoom .item_images_container_zoom {
        position: fixed;
    }

    .item_images_container .arrow_slider {
        position: absolute;
        left: 2%;
        width: 96%;
        height: fit-content;
        display: flex;
        top: 50%;
        z-index: 2;
        opacity: 0;
        pointer-events: none;
        transition: opacity .6s ease;
    }

    .item_images_container.zoom .arrow_slider {
        pointer-events: auto;
        opacity: 1;
        position: fixed;
    }


    .item_images_container .arrow_slider .left_slider,
    .item_images_container .arrow_slider .right_slider {
        width: 4vw;
        height: 4vw;
        white-space: nowrap;
        padding: 4vw 5vw;
        font-size: 1vw;
        border-radius: 2vw;
    }

    .section_category_button span,
    .item_images_container .arrow_slider span {
        width: 100%;
        aspect-ratio: 1/1;
    }

    .section_category_button .arrow_icon,
    .item_images_container .arrow_slider span .arrow_icon {
        width: 10vw;
        aspect-ratio: 1/1;
    }

    .item_images_container .arrow_slider > span {
        display: inline-flex;
        gap: 1vw;
    }

    .section_category_button > span {
        display: inline-flex;
        margin-right: 1vw;
    }

    .right_slider:hover > span {
        animation: right-arrow-loop .2s linear;
    }

    .section_category_button:hover > span,
    .left_slider:hover > span {
        animation: left-arrow-loop .2s linear;
    }

    @keyframes right-arrow-loop {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-130%);
        }
    }


    @keyframes left-arrow-loop {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(130%);
        }
    }

}