.vox-categorylook-container {
    --vcl-gap: 8px;
}
.vox-categorylook-container .category-wrapper{
    padding: 5rem 5rem 2rem;
}

.vox-categorylook-container h3{
    font-size: 3rem;
}

.vox-categorylook-container p{
    margin-bottom: 0;
}

.vox-categorylook-container .products-wrapper{
    display: flex;
    flex-wrap: nowrap;
    gap: var(--vcl-gap);
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 12px;
}

.vox-categorylook-container .products-wrapper::-webkit-scrollbar{
    display: none;
}

.vox-categorylook-container .products-wrapper .product{
    flex: 0 0 400px;
    scroll-snap-align: start;
}

.vox-categorylook-container .products-wrapper .product article{
    width: 100%;
}

.vox-categorylook-container .slider-container{
    position: relative;
}

.vox-categorylook-container .slider-arrow{
    width: 74px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    background-color: #000;
    border-radius: 50%;
}

.vox-categorylook-container .slider-arrow::before{
    content: "";
    display: block;
    width: 36px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12' viewBox='0 0 48 12'%3E%3Cpath d='M0 6H46M46 6L40 0M46 6L40 12' stroke='white' stroke-width='1.75' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.vox-categorylook-container .slider-arrow-prev::before{
    transform: rotate(180deg);
}

.vox-categorylook-container .slider-container{
    position: relative;
}

.vox-categorylook-container .slider-arrow{
    position: absolute;
    top: 275px;
    z-index: 10;
}

.vox-categorylook-container .slider-arrow-prev{
    left: 0px;
}

.vox-categorylook-container .slider-arrow-next{
    right: 20px;
}

.vox-categorylook-container .slider-arrow:hover{
    opacity: .6;
}

@media (max-width: 991.98px) {
    .vox-categorylook-container .category-wrapper{
        padding: 0rem 1.5rem 2rem 1.5rem;
    }
    .vox-categorylook-container h3{
        font-size: 2rem;
    }
    .vox-categorylook-container .products-wrapper .product{
        flex: 0 0 350px;
    }
    .vox-categorylook-container .slider-arrow{
        top: 150px;
    }
    .vox-categorylook-container .slider-arrow-prev {
        left: 20px;
    }
}