.splide-similar-wrapper {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

/*  The products are lazy-loaded (lookingsimilar.js). Reserve their space meanwhile, so the page below
    doesn't jump when they arrive. The loaded slider measured 277-329px high at 360-1920px widths.
*/
.splide-similar-wrapper.is-loading {
    min-height: 280px;
    background: rgba(255, 255, 255, .01) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' preserveAspectRatio='xMidYMid' style='background:0 0' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='38' fill='none' stroke='%236bc5ff' stroke-dasharray='59.69 59.69' stroke-linecap='round' stroke-width='12'%3E%3CanimateTransform attributeName='transform' dur='1.13636s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E") no-repeat center
}

.splide-similar-wrapper .splide {
    padding: 0
}

.splide-similar-wrapper .splide__track {
    padding-bottom: 8px;
}

.prdSlide-arrow.splide__arrow svg {
    height: 27px;
    width: 27px;
    margin-top: 1px;
    background: transparent
}

.prdSlide-arrow.splide__arrow {
    margin-right: 60px;
    margin-top: -45px;
    margin-left: 0;
    outline: 0;
    top: 0;
    left: auto;
    transform: none;
    background: rgba(0, 0, 0, .7);
    height: 36px;
    width: 36px;
    text-align: center;
    transition: background .3s ease, opacity .3s ease;
    -webkit-transition: background .3s ease, opacity .3s ease;
    right: 0; 
    -ms-flex-align: center;
    opacity: 1
}

.prdSlide-arrow.splide__arrow--next {
    margin-right: 0
}

.prdSlide-arrow.splide__arrow:hover:not(:disabled) {
    background: rgba(0, 0, 0, .9);
    opacity: unset;
}

.prdSlide-arrow.splide__arrow:disabled {
    opacity: .4;
    transition: opacity .3s ease;
    cursor: not-allowed;
}

@media (max-width: 501px) {
    .prdSlide-arrow.splide__arrow--prev {
        left: 0
    }
    .prdSlide-arrow.splide__arrow {
        margin-top: -44px
    }
}