.up-sells.products, .related.products {
    clear: both;
}

.up-sells.products  ul.products.tns-slider,
.related.products  ul.products.tns-slider {
    flex-wrap: nowrap;
    margin: 0 !important;
    min-width: calc(100% + 2rem);
}
.up-sells.upsells.products ul.products li.product .ws-content-product-wrap, .related.products.products ul.products li.product .ws-content-product-wrap {
    opacity:1!important
}
.up-sells.upsells.products ul.products li.product .ws-content-product-wrap.anim-slide-in-bottom.anim-visible,
.related.products.products ul.products li.product .ws-content-product-wrap.anim-slide-in-bottom.anim-visible {
    -webkit-animation: none;
    animation: none;
}
.up-sells.products  .tns-nav,
.related.products  .tns-nav {
    text-align: left;
    padding: 1rem 8.5rem 1rem 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.up-sells.products .tns-nav button,
.related.products .tns-nav button {
    display: block;
    height: .75rem;
    width: .75rem;
    border-radius: .75rem;
    border: 1px solid var(--border);
    background-color: var(--light-bgr);
    padding: 0;
    cursor: pointer;
    transition: width 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.up-sells.products .tns-nav button.tns-nav-active,
.related.products .tns-nav button.tns-nav-active {
    width: 1.75rem;
    background-color: var(--akzent-red);
    border-color: var(--akzent-red);
}

/**/
.up-sells.products .tns-controls,
.related.products .tns-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 6.5rem;
    display: flex;
    justify-content: space-between;
}
.up-sells.products .tns-controls button,
.related.products .tns-controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: .75rem;
    background-color: #fff;
    border: 1px solid var(--border);
    border-radius: .5rem;
    cursor: pointer;
    color: var(--text2);
    font-size: 0;
    box-shadow:
        0 1px 2px rgba(10, 13, 18, 0.05),
        0 -2px 0 rgba(10, 13, 18, 0.05) inset,
        0 0 0 1px rgba(10, 13, 18, 0.18) inset;
    position: relative;
    transition: background-color 0.2s linear, border-color 0.2s linear;
}

.up-sells.products .tns-controls button:before,
.related.products .tns-controls button:before {
    font-family: 'tissi' !important;
    font-size: 1.25rem;
    line-height:2.5rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /* color: var(--Gray-700); */
    transition: color .5s
}
.up-sells.products .tns-controls button[data-controls="prev"]:before,
.related.products .tns-controls button[data-controls="prev"]:before {
    content: '\e905';
}
.up-sells.products .tns-controls button[data-controls="next"]:before,
.related.products .tns-controls button[data-controls="next"]:before {
    content: '\e904';
}
.up-sells.products .tns-controls button:hover,
.related.products .tns-controls button:hover {
    background-color: var(--light-bgr);
    border-color: var(--light-grey2);
}

@media (min-width: 768px) {
}
@media (max-width: 767px) {

}
@media (min-width: 992px) {
    .up-sells.products  .tns-outer,
    .related.products  .tns-outer {
        margin: 0 -1rem;
    }
}
@media (max-width: 991px) {
    .up-sells.products  .tns-outer,
    .related.products  .tns-outer {
        margin: 0 -.5rem;
    }
    .up-sells.products .tns-nav, .related.products .tns-nav {
        padding-left: .5rem;
    }
    /* .up-sells.products .tns-controls, .related.products .tns-controls {
        right: 0;
    } */
}