/* Main image controls: keep both arrows at the gallery edges and centered. */
body.single-product .top-product-block .wpgs-for > .slick-arrow {
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
}

body.single-product .top-product-block .wpgs-for > .flaticon-back {
    left: 0;
    right: auto;
}

body.single-product .top-product-block .wpgs-for > .flaticon-right-arrow {
    left: auto;
    right: 0;
}