.relatedProducts {
    width: 90%;
    margin: 8em auto;
    position: relative;
    margin-top: 4em;
}
.swiperRelated {
    overflow-x: clip;
}

.relatedProducts * {
    text-decoration: unset;
}

.relatedProducts .swiper-button-next {
    left: 100%;
    transform: translateX(50%);
    border: 1px solid #292246;
    border-radius: 50px;
    height: 30px;
    transition: all 0.25s ease-in-out;
    width: 30px;
    padding: 0.5em;
}
.relatedProducts .swiper-button-prev {
    left: 0;
    transform: translateX(-150%);
    border: 1px solid #292246;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    transition: all 0.25s ease-in-out;
    padding: 0.5em;
}

.relatedProducts .swiper-button-next::after, .relatedProducts .swiper-button-prev::after {
    content: unset;
}

.relatedProducts .swiper-button-prev svg {
    transform: rotate(180deg);
}

.relatedProducts .swiper-button-prev:hover, .relatedProducts .swiper-button-next:hover {
    background-color: #FFB548;
    box-shadow: 0 0 0 7px rgba(255, 181, 72, 0.6);
}





html body .relatedProductImage>img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover!important;
    transition: all 0.35s ease-in-out;
    display: block;
}
html body .relatedProductImage>img:last-child {
    width: 100%;
    height: 100%;
    object-fit: cover!important;
    transition: all 0.75s cubic-bezier(.35,.86,.67,.86);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.relatedProductImage:hover>img:first-child {
    opacity: 0;
}
.relatedProductImage:hover>img:last-child {
    transform: scale(1.15);
}

/*Border for borderless images*/
.relatedProductImage img {
    background-image: url('/wp-content/uploads/2025/09/bgPatternFlash-.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/**/


.relatedProducts .relatedProductImage {
    aspect-ratio: 5/7;
    position: relative;
}
.relatedProducts .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}
.relatedProductTitlePrice {
    width: 85%;
    margin: 0.4em auto;
}
.relatedProductTitlePrice h2 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: clip;
    margin: 0 auto;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #292246;
    text-align: center;
    font-size: 1em;
}
.relatedProductTitlePrice p {
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #292246;
    font-size: 0.9em;
    margin: 0.3em 0;
}
.relatedProducts .relatedProductImage {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    overflow: clip;
}


@media only screen and (max-width:1600px){
    
    .relatedProducts .swiper-button-next {
        left: 98.6%;
    }
    .relatedProducts .swiper-button-prev {
        left: 1.4%;
    }
}

@media only screen and (max-width:1400px){
    .swiperRelated.swiper-initialized.swiper-horizontal {
        padding: 0 3%;
    }
    .relatedProducts .swiper-button-prev {
        left: 4.4%;
    }
    .relatedProducts .swiper-button-next {
        left: 95.6%;
    }
}

@media only screen and (max-width:700px){
    .swiperRelated.swiper-initialized.swiper-horizontal {
        padding: 0 3%;
    }
    .relatedProducts .swiper-button-next {
        left: 70.6%;
        top: 97%;
        z-index: 13;
    }
    .relatedProducts .swiper-button-prev {
        left: 29.4%;
        top: 97%;
		z-index:13;
    }
    .relatedProducts .swiper-button-next, .relatedProducts .swiper-button-prev {
        height: 25px;
        width: 25px;
    }
   

}
@media only screen and (max-width:400px){
    .relatedProducts .swiper-button-next {
        left: 79.6%;
        top: 97%;
        z-index: 13;
    }
    .relatedProducts .swiper-button-prev {
        left: 19.4%;
        top: 97%;
        z-index: 13;
    }
}